From 7e9278f20ad4b3fdbebd3b6be49a15c2ddc15e77 Mon Sep 17 00:00:00 2001 From: Dani Guardiola Date: Fri, 24 May 2024 20:11:32 +0200 Subject: [PATCH 1/3] Fix tabs indicator. --- packages/block-editor/src/components/inserter/style.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/block-editor/src/components/inserter/style.scss b/packages/block-editor/src/components/inserter/style.scss index 604268fb1fe43..354a0fa70ffc5 100644 --- a/packages/block-editor/src/components/inserter/style.scss +++ b/packages/block-editor/src/components/inserter/style.scss @@ -117,10 +117,10 @@ $block-inserter-tabs-height: 44px; .block-editor-inserter__tablist { width: 100%; + margin-bottom: -$border-width; button[role="tab"] { flex-grow: 1; - margin-bottom: -$border-width; &[id$="reusable"] { flex-grow: inherit; // These are to align the `reusable` icon with the search icon. From a3145712119595a0ac1476c9978c66468472537d Mon Sep 17 00:00:00 2001 From: Dani Guardiola Date: Fri, 24 May 2024 20:18:57 +0200 Subject: [PATCH 2/3] Improve styles. --- .../block-editor/src/components/inserter/style.scss | 11 ----------- 1 file changed, 11 deletions(-) diff --git a/packages/block-editor/src/components/inserter/style.scss b/packages/block-editor/src/components/inserter/style.scss index 354a0fa70ffc5..1bca09ec92bc1 100644 --- a/packages/block-editor/src/components/inserter/style.scss +++ b/packages/block-editor/src/components/inserter/style.scss @@ -116,18 +116,7 @@ $block-inserter-tabs-height: 44px; overflow: hidden; .block-editor-inserter__tablist { - width: 100%; margin-bottom: -$border-width; - - button[role="tab"] { - flex-grow: 1; - &[id$="reusable"] { - flex-grow: inherit; - // These are to align the `reusable` icon with the search icon. - padding-left: $grid-unit-20; - padding-right: $grid-unit-20; - } - } } .block-editor-inserter__tabpanel { From 50219feb6ce9933adefffd44075a85c2fc983796 Mon Sep 17 00:00:00 2001 From: Dani Guardiola Date: Thu, 25 Jul 2024 01:02:11 +0200 Subject: [PATCH 3/3] Update after unified sidebar work. --- .../src/components/tabbed-sidebar/style.scss | 15 --------------- 1 file changed, 15 deletions(-) diff --git a/packages/block-editor/src/components/tabbed-sidebar/style.scss b/packages/block-editor/src/components/tabbed-sidebar/style.scss index e392cf955ed06..20fd8fcb3f35f 100644 --- a/packages/block-editor/src/components/tabbed-sidebar/style.scss +++ b/packages/block-editor/src/components/tabbed-sidebar/style.scss @@ -26,22 +26,7 @@ } .block-editor-tabbed-sidebar__tablist { - box-sizing: border-box; - flex-grow: 1; margin-bottom: -$border-width; - width: 100%; -} - -.block-editor-tabbed-sidebar__tab { - flex-grow: 1; - margin-bottom: -$border-width; - - &[id$="reusable"] { - flex-grow: inherit; - // These are to align the `reusable` icon with the search icon. - padding-left: $grid-unit-20; - padding-right: $grid-unit-20; - } } .block-editor-tabbed-sidebar__tabpanel {