Skip to content

Commit

Permalink
Fix background showing through
Browse files Browse the repository at this point in the history
  • Loading branch information
getdave committed Sep 5, 2024
1 parent bdcb6a4 commit 94a8a14
Showing 1 changed file with 5 additions and 1 deletion.
6 changes: 5 additions & 1 deletion packages/block-editor/src/components/block-list/content.scss
Original file line number Diff line number Diff line change
Expand Up @@ -457,11 +457,15 @@ _::-webkit-full-page-media, _:future, :root .has-multi-selection .block-editor-b
.block-editor-block-list__zoom-out-separator {
/* same color as the iframe's background */
background: $gray-300;
// Additional -1px is required to avoid sub pixel rounding errors allowing background to show.
margin-left: -1px;
margin-right: -1px;
}

// In Post Editor allow the separator to occupy the full width by ignoring (cancelling out) the global padding.
.has-global-padding > .block-editor-block-list__zoom-out-separator,
.block-editor-block-list__layout.is-root-container.has-global-padding > .block-editor-block-list__zoom-out-separator {
max-width: none;
margin: 0 calc(-1 * var(--wp--style--root--padding-right)) 0 calc(-1 * var(--wp--style--root--padding-left)) !important;
// Additional -1px is required to avoid sub pixel rounding errors allowing background to show.
margin: 0 calc(-1 * var(--wp--style--root--padding-right) - 1px) 0 calc(-1 * var(--wp--style--root--padding-left) - 1px) !important;
}

0 comments on commit 94a8a14

Please sign in to comment.