Skip to content

Commit

Permalink
Fix: Block toolbar obscuring document tools when Top Toolbar is enabl…
Browse files Browse the repository at this point in the history
…ed (#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 <andrei.draganescu@automattic.com>
  • Loading branch information
jameskoster and draganescu committed Jul 19, 2023
1 parent 92be30f commit 191aae6
Showing 1 changed file with 4 additions and 1 deletion.
5 changes: 4 additions & 1 deletion packages/block-editor/src/components/block-tools/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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});
}
}

}

/**
Expand Down

0 comments on commit 191aae6

Please sign in to comment.