On dragging, set block opacity to 0.7

We no longer have a dedicated and invisible div for the drag handle that we show on dragging and acts as a grey box on top of the block being dragged.
WordPress · Sep 3, 2018 · a4a8f09 · a4a8f09
1 parent f899222
commit a4a8f09
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/editor/src/components/block-list/block.js b/packages/editor/src/components/block-list/block.js
@@ -410,7 +410,7 @@ export class BlockListBlock extends Component {
 			'is-selected-parent': shouldAppearSelectedParent,
 			'is-hovered': shouldAppearHovered,
 			'is-reusable': isReusableBlock( blockType ),
-			'is-hidden': dragging,
+			'is-dragging': dragging,
 			'is-typing': isTypingWithinBlock,
 			'is-focused': isFocusMode && ( isSelected || isParentOfSelectedBlock ),
 			'is-focus-mode': isFocusMode,

diff --git a/packages/editor/src/components/block-list/style.scss b/packages/editor/src/components/block-list/style.scss
@@ -22,9 +22,9 @@
 }
 
 .editor-block-list__block {
-	&.is-hidden *,
-	&.is-hidden > * {
-		visibility: hidden;
+	&.is-dragging *,
+	&.is-dragging > * {
+		opacity: 0.7;
 	}
 
 	.editor-block-list__block-edit .reusable-block-edit-panel * {