aligned embed videos fix (#3636)

WordPress · Nov 28, 2017 · 086931d · 086931d
1 parent 8d3e230
commit 086931d
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/blocks/library/embed/editor.scss b/blocks/library/embed/editor.scss
@@ -1,7 +1,20 @@
+.editor-block-list__block[data-type="core/embed"] {
+	&[data-align="left"],
+	&[data-align="right"] {
+		max-width: 100%;
+	}
+}
+
 .wp-block-embed {
 	margin: 0;
 	clear: both; // necessary because we use responsive trickery to set width/height, and therefore the video doesn't intrinsically clear floats like an img does
 
+	[data-align="left"] &,
+	[data-align="right"] & {
+		width: 300px;
+		max-width: 100%;
+	}
+
 	&.is-loading {
 		display: flex;
 		flex-direction: column;