From 91f249992107d694d025b8ccac21ed7e0466a93e Mon Sep 17 00:00:00 2001 From: Andrey Morozov Date: Fri, 5 Apr 2024 17:14:23 +0300 Subject: [PATCH 1/2] fix(Popover): remove flex gap workaround --- src/components/Popover/Popover.scss | 10 +--------- 1 file changed, 1 insertion(+), 9 deletions(-) diff --git a/src/components/Popover/Popover.scss b/src/components/Popover/Popover.scss index 006b201ef3..7ac22778ca 100644 --- a/src/components/Popover/Popover.scss +++ b/src/components/Popover/Popover.scss @@ -24,8 +24,6 @@ $block: '.#{variables.$ns}popover'; --_--close-offset: 8px; --_--close-size: 24px; - $buttonGap: 5px; - &-popup-content { box-sizing: border-box; min-height: 40px; @@ -43,16 +41,10 @@ $block: '.#{variables.$ns}popover'; &-buttons { display: flex; flex-wrap: wrap; - // giving additional -5 margin - // this is taking into account the margins of buttons - // to imitate the `gap` property for flexbox - margin: (20px - $buttonGap) (-$buttonGap) (-$buttonGap); - - $buttonClass: #{$class}__tooltip-button; + gap: 5px; } &-button { - margin: $buttonGap; flex: 1; } From d8ad50464d1d6b36b3233dc7f6b31744827d85f0 Mon Sep 17 00:00:00 2001 From: Andrey Morozov Date: Fri, 5 Apr 2024 17:16:17 +0300 Subject: [PATCH 2/2] fix(Popover): return block margin --- src/components/Popover/Popover.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/Popover/Popover.scss b/src/components/Popover/Popover.scss index 7ac22778ca..7b0a9e1550 100644 --- a/src/components/Popover/Popover.scss +++ b/src/components/Popover/Popover.scss @@ -42,6 +42,7 @@ $block: '.#{variables.$ns}popover'; display: flex; flex-wrap: wrap; gap: 5px; + margin-block-start: 20px; } &-button {