Skip to content

Commit

Permalink
Block Editor: Restore mover styles for multi-selected wide/full align
Browse files Browse the repository at this point in the history
  • Loading branch information
aduth committed Apr 17, 2019
1 parent 25bed53 commit 7131b81
Showing 1 changed file with 6 additions and 0 deletions.
6 changes: 6 additions & 0 deletions packages/block-editor/src/components/block-list/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -415,6 +415,7 @@
z-index: z-index(".block-editor-block-list__block {core/image aligned wide or fullwide}");

// Mover and settings above
&.is-multi-selected > .block-editor-block-mover,
> .block-editor-block-list__block-edit > .block-editor-block-mover {
// This moves the menu up by the height of the button + border + padding.
top: -$block-side-ui-width - $block-padding - $block-side-ui-clearance;
Expand All @@ -428,16 +429,19 @@
}
}

&.is-multi-selected > .block-editor-block-mover .block-editor-block-mover__control,
> .block-editor-block-list__block-edit > .block-editor-block-mover .block-editor-block-mover__control {
float: left;
}

// Hide mover until wide breakpoints, or it might be covered by toolbar
&.is-multi-selected > .block-editor-block-mover,
> .block-editor-block-list__block-edit > .block-editor-block-mover {
display: none;
}

@include break-wide() {
&.is-multi-selected > .block-editor-block-mover,
> .block-editor-block-list__block-edit > .block-editor-block-mover {
display: block;
}
Expand All @@ -455,6 +459,7 @@
// Wide
&[data-align="wide"] {
// Position mover
&.is-multi-selected > .block-editor-block-mover,
> .block-editor-block-list__block-edit > .block-editor-block-mover {
left: -$block-padding + $border-width;
}
Expand Down Expand Up @@ -497,6 +502,7 @@
}

// Position mover
&.is-multi-selected > .block-editor-block-mover,
> .block-editor-block-list__block-edit > .block-editor-block-mover {
left: $border-width;
}
Expand Down

0 comments on commit 7131b81

Please sign in to comment.