From 191aae60a5117b064843b3e1688fcff274f51ae2 Mon Sep 17 00:00:00 2001 From: James Koster Date: Wed, 19 Jul 2023 18:48:59 +0100 Subject: [PATCH] Fix: Block toolbar obscuring document tools when Top Toolbar is enabled (#52722) * Update toolbar width * Site editor needs specific width * fixes top toolbar width for post editor when not in fullscreen * remove the body rule --------- Co-authored-by: Andrei Draganescu --- packages/block-editor/src/components/block-tools/style.scss | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/packages/block-editor/src/components/block-tools/style.scss b/packages/block-editor/src/components/block-tools/style.scss index 07e400344bfe1..6ff3bbc721a10 100644 --- a/packages/block-editor/src/components/block-tools/style.scss +++ b/packages/block-editor/src/components/block-tools/style.scss @@ -322,12 +322,15 @@ // for the block inserter the publish button @include break-large() { &.is-fixed { + width: auto; + } + .is-fullscreen-mode &.is-fixed { + // in full screen mode we need to account for // the combined with of the tools at the right of the header and the margin left // of the toolbar which includes four buttons width: calc(100% - 240px - #{4 * $grid-unit-80}); } } - } /**