fixup! Feat(web): Introduce new TooltipModern component with FloatingUI

lmc-eu · Jan 17, 2024 · c48887b · c48887b
1 parent 4a9136d
commit c48887b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/web-react/src/components/Tooltip/useFloatingUI.ts b/packages/web-react/src/components/Tooltip/useFloatingUI.ts
@@ -48,7 +48,7 @@ export const useFloatingUI = (props: UseTooltipUIProps) => {
     placement: tooltipPlacement,
     whileElementsMounted: autoUpdate,
     middleware: [
-      offset(0), // TODO: how to set css variable here? (--tooltip-offset), do i need it? - not sure yet
+      offset(8), // TODO: how to set css variable here? (--tooltip-offset)
       inline(),
       flipProp &&
         flip({

diff --git a/packages/web-react/src/components/TooltipModern/demo/TooltipWithFloatingUI.tsx b/packages/web-react/src/components/TooltipModern/demo/TooltipWithFloatingUI.tsx
@@ -45,7 +45,7 @@ const TooltipWithFloatingUI = () => {
   }, []);
 
   return (
-    <>
+    <div className="spirit-feature-tooltip-enable-data-placement">
       <p>
         The following example is using external library <a href="https://floating-ui.com">Floating UI</a>.
       </p>
@@ -126,7 +126,7 @@ const TooltipWithFloatingUI = () => {
           </TooltipModern>
         </div>
       </div>
-    </>
+    </div>
   );
 };
-Original file line number
+Diff line change
@@ Expand Up / @@ -45,7 +45,7 @@ const TooltipWithFloatingUI = () => { @@
       }, []);
       return (
-        <>
+        <div className="spirit-feature-tooltip-enable-data-placement">
           <p>
             The following example is using external library <a href="https://floating-ui.com">Floating UI</a>.
           </p>
@@ Expand Down Expand Up / @@ -126,7 +126,7 @@ const TooltipWithFloatingUI = () => { @@
               </TooltipModern>
             </div>
           </div>
-        </>
+        </div>
       );
     };
@@ Expand Down @@