From 4ee07233d555adf99d1c28a18d1f3ecd084c9445 Mon Sep 17 00:00:00 2001 From: Aki Hamano Date: Sun, 22 Dec 2024 13:18:29 +0900 Subject: [PATCH 1/2] List View: fix appender size --- .../src/components/list-view/style.scss | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/packages/block-editor/src/components/list-view/style.scss b/packages/block-editor/src/components/list-view/style.scss index 2916622efabee..102f4a07f10de 100644 --- a/packages/block-editor/src/components/list-view/style.scss +++ b/packages/block-editor/src/components/list-view/style.scss @@ -553,13 +553,18 @@ svg { } .list-view-appender .block-editor-inserter__toggle { - background-color: #1e1e1e; - color: #fff; - margin: $grid-unit-10 0 0 24px; - height: 24px; - min-width: 24px; + background-color: $gray-900; + color: $white; + margin: $grid-unit-10 0 0 $grid-unit-30; + height: $button-size-small; padding: 0; + // TODO: Consider passing size="small" to the Inserter toggle instead. + // Special dimensions for this button. + &.block-editor-inserter__toggle { + min-width: $button-size-small; + } + &:hover, &:focus { background: var(--wp-admin-theme-color); From d6d9ad64cd27e0f666da756bade325567be3bfde Mon Sep 17 00:00:00 2001 From: Aki Hamano Date: Mon, 23 Dec 2024 23:05:41 +0900 Subject: [PATCH 2/2] Change CSS selector --- packages/block-editor/src/components/list-view/style.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/block-editor/src/components/list-view/style.scss b/packages/block-editor/src/components/list-view/style.scss index 102f4a07f10de..3529c27b56e24 100644 --- a/packages/block-editor/src/components/list-view/style.scss +++ b/packages/block-editor/src/components/list-view/style.scss @@ -561,7 +561,7 @@ svg { // TODO: Consider passing size="small" to the Inserter toggle instead. // Special dimensions for this button. - &.block-editor-inserter__toggle { + &.has-icon.is-next-40px-default-size { min-width: $button-size-small; }