Fix(web): Change max width for dismissible tooltip

- Changed css value of isDismissible class to prevent width jumps on mouse hovering
lmc-eu · May 13, 2024 · 5a87e4d · 5a87e4d
1 parent 2e475b5
commit 5a87e4d
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/web/src/scss/components/Tooltip/_Tooltip.scss b/packages/web/src/scss/components/Tooltip/_Tooltip.scss
@@ -60,11 +60,12 @@
 }
 
 .Tooltip--dismissible {
+    --tooltip-max-width: calc(#{theme.$max-width} + #{theme.$gap} + #{theme.$close-button-size});
+
     display: grid;
     grid-template-columns: 1fr auto;
     column-gap: theme.$gap;
     align-items: center;
-    max-width: calc(#{theme.$max-width} + #{theme.$gap} + #{theme.$close-button-size});
 }
 
 @include dictionaries.generate-placements(