From 2da0343cd1112ad0e7570516a863559806466a09 Mon Sep 17 00:00:00 2001 From: Pavel Klibani Date: Thu, 2 May 2024 14:40:02 +0200 Subject: [PATCH] Fix(web): Change max width for dismissible tooltip - Changed css value of isDismissible class to prevent width jumps on mouse hovering --- packages/web/src/scss/components/Tooltip/_Tooltip.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/web/src/scss/components/Tooltip/_Tooltip.scss b/packages/web/src/scss/components/Tooltip/_Tooltip.scss index 47a0c41680..c07210360f 100644 --- 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(