From 09dc127240a03f3bd27479b52ccfb6b18eb7738b Mon Sep 17 00:00:00 2001 From: Aki Hamano <54422211+t-hamano@users.noreply.github.com> Date: Wed, 21 Feb 2024 14:12:37 +0900 Subject: [PATCH] Block Mover: Unify visual separator when show button label is on (#59158) Co-authored-by: t-hamano Co-authored-by: aaronrobertshaw Co-authored-by: afercia --- .../src/components/block-toolbar/style.scss | 17 +++++++++++------ 1 file changed, 11 insertions(+), 6 deletions(-) diff --git a/packages/block-editor/src/components/block-toolbar/style.scss b/packages/block-editor/src/components/block-toolbar/style.scss index 81dbb98528a84b..102594c004aff6 100644 --- a/packages/block-editor/src/components/block-toolbar/style.scss +++ b/packages/block-editor/src/components/block-toolbar/style.scss @@ -207,17 +207,18 @@ } } - .block-editor-block-mover .block-editor-block-mover__move-button-container { - width: auto; - - @include break-small() { + .block-editor-block-mover { + .block-editor-block-mover__move-button-container { + width: auto; position: relative; + } - &::before { + &:not(.is-horizontal) .block-editor-block-mover__move-button-container::before { + @include break-small() { content: ""; height: $border-width; width: 100%; - background: $gray-900; + background: $gray-200; position: absolute; top: 50%; left: 50%; @@ -226,6 +227,10 @@ transform: translate(-50%, 0); margin-top: -$border-width * 0.5; } + + @include break-medium { + background: $gray-900; + } } }