Prevent collapsable button of a resizable from adding to the height w…

…hen hidden (#1241)

Supersedes #1223

Signed-off-by: Miki <miki@amazon.com>

CHANGELOG.md

@@ -36,7 +36,7 @@
 - Fix "Guidelines" documentation links rendering blank pages ([#1111](https://github.com/opensearch-project/oui/pull/1111))
 - Fix bug in OuiButtonContent for showing info tooltip in icon-only buttons when hovered([#1160](https://github.com/opensearch-project/oui/pull/1160))
 - Fix playground support check ([#1162](https://github.com/opensearch-project/oui/pull/1162))
-- Prevent collapsable button of a resizable from adding to the height when hidden ([#1223](https://github.com/opensearch-project/oui/pull/1223))
+- Prevent collapsable button of a resizable from adding to the height when hidden ([#1241](https://github.com/opensearch-project/oui/pull/1241))
 - Prevent action buttons of OuiDataGridCell from moving the content ([#1224](https://github.com/opensearch-project/oui/pull/1224))
 - Fix vertical alignment and font weight of breadcrumbs that are buttons or links ([#1232](https://github.com/opensearch-project/oui/pull/1232))
 

src/components/resizable_container/_resizable_collapse_button.scss

@@ -40,7 +40,9 @@
 
   &:not(:focus):not(:active):not(.ouiResizableToggleButton-isVisible):not(.ouiResizableToggleButton-isCollapsed) {
     @include ouiScreenReaderOnly;
-    margin: -2px; // To accomodate ouiButtonIcon's border
+    border-width: 0;
+    height: 0;
+    width: 0;
   }
 }