Skip to content

Commit

Permalink
Try max-height, and polish.
Browse files Browse the repository at this point in the history
  • Loading branch information
jasmussen committed Aug 12, 2021
1 parent 9a59163 commit 8dce585
Showing 1 changed file with 10 additions and 1 deletion.
11 changes: 10 additions & 1 deletion packages/block-editor/src/components/block-draggable/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -47,15 +47,24 @@

// This creates a "slot" where the block you're dragging appeared.
// We use !important as one of the rules are meant to be overriden.
.is-dragging {
.block-editor-block-list__layout .is-dragging {
background-color: currentColor !important;
opacity: 0.05 !important;
border-radius: $radius-block-ui !important;

// We apply a max-height so that when dragging big selections, you don't have to drag by a tall slot.
max-height: 240px !important;
overflow: hidden !important;

// Disabling pointer events during the drag event is necessary,
// lest the block might affect your drag operation.
pointer-events: none !important;

// Hide the multi selection indicator when dragging.
&::selection {
background: transparent !important;
}

&::after {
content: none !important;
}
Expand Down

0 comments on commit 8dce585

Please sign in to comment.