From 56d61500866371810e9144a4ee54b144499bacea Mon Sep 17 00:00:00 2001 From: Aki Hamano Date: Fri, 14 Feb 2025 12:56:36 +0900 Subject: [PATCH] List View: Fix focus outline style --- .../src/components/list-view/block.js | 1 + .../src/components/list-view/style.scss | 22 ++----------------- .../style.scss | 4 ---- 3 files changed, 3 insertions(+), 24 deletions(-) diff --git a/packages/block-editor/src/components/list-view/block.js b/packages/block-editor/src/components/list-view/block.js index f4dcf8caef449..22c646dcc9b7a 100644 --- a/packages/block-editor/src/components/list-view/block.js +++ b/packages/block-editor/src/components/list-view/block.js @@ -627,6 +627,7 @@ function ListViewBlock( { tabIndex, onClick: clearSettingsAnchorRect, onFocus, + size: 'small', } } disableOpenOnArrowDown expand={ expand } diff --git a/packages/block-editor/src/components/list-view/style.scss b/packages/block-editor/src/components/list-view/style.scss index bc68cb2663790..3baf162da6bf1 100644 --- a/packages/block-editor/src/components/list-view/style.scss +++ b/packages/block-editor/src/components/list-view/style.scss @@ -78,10 +78,7 @@ } &:focus::after { - box-shadow: - inset 0 0 0 1px $white, - 0 0 0 var(--wp-admin-border-width-focus) - var(--wp-block-synced-color); + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); } } &.is-selected .block-editor-list-view-block-contents, @@ -308,7 +305,7 @@ .block-editor-list-view-block__menu-cell, .block-editor-list-view-block__mover-cell { line-height: 0; - width: $button-size; + width: $button-size-small + $grid-unit-05; vertical-align: middle; > * { @@ -323,21 +320,6 @@ opacity: 1; } } - - &, - .components-button.has-icon { - width: $button-size-small; - min-width: $button-size-small; - padding: 0; - } - } - - .block-editor-list-view-block__menu-cell { - padding-right: $grid-unit-05; - - .components-button.has-icon { - height: 24px; - } } .block-editor-list-view-block__mover-cell-alignment-wrapper { diff --git a/packages/edit-site/src/components/sidebar-navigation-screen-navigation-menus/style.scss b/packages/edit-site/src/components/sidebar-navigation-screen-navigation-menus/style.scss index 959ed07938e5d..f6e29c42e1801 100644 --- a/packages/edit-site/src/components/sidebar-navigation-screen-navigation-menus/style.scss +++ b/packages/edit-site/src/components/sidebar-navigation-screen-navigation-menus/style.scss @@ -8,10 +8,6 @@ } .edit-site-sidebar-navigation-screen-navigation-menus__content { - .block-editor-list-view-leaf .block-editor-list-view-block__contents-cell { - width: 100%; - } - .block-editor-list-view-leaf .block-editor-list-view-block-contents { white-space: normal; }