Better position sticky toolbar on floats (#11810)

The toolbar for floats, beyond the mobile breakpoint, was a little offset. This PR fixes it.
WordPress · Nov 13, 2018 · d521f25 · d521f25
1 parent 4cc3ac0
commit d521f25
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/packages/editor/src/components/block-list/style.scss b/packages/editor/src/components/block-list/style.scss
@@ -318,6 +318,14 @@
 		right: 0;
 	}
 
+	// Position the sticky toolbar correctly beyond the mobile breakpoint.
+	@include break-small() {
+		&[data-align="right"] .editor-block-contextual-toolbar,
+		&[data-align="left"] .editor-block-contextual-toolbar {
+			top: $block-padding;
+		}
+	}
+
 	// Left
 	&[data-align="left"] {
 		// This is in the editor only; the image should be floated on the frontend.