Fix various image width problems

This fixes #3945 and #5213. It is a new PR that is meant to replace #5209. This PR is a work in progress.
WordPress · Apr 4, 2018 · 418342d · 418342d
1 parent a81e0dc
commit 418342d
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 15 deletions.
diff --git a/blocks/library/image/style.scss b/blocks/library/image/style.scss
@@ -1,4 +1,5 @@
 .wp-block-image {
+	width: fit-content;
 	figcaption {
 		margin-top: 0.5em;
 		color: $dark-gray-300;

diff --git a/editor/components/block-list/style.scss b/editor/components/block-list/style.scss
@@ -273,21 +273,6 @@
 		}
 	}
 
-	// Apply max-width to floated items that have no intrinsic width, like Cover Image or Gallery
-	&[data-align="left"],
-	&[data-align="right"] {
-		> .editor-block-list__block-edit {
-			max-width: 360px;
-			width: 100%;
-		}
-
-		// reset when data-resized
-		&[data-resized="true"] > .editor-block-list__block-edit {
-			max-width: none;
-			width: auto;
-		}
-	}
-
 	// Left
 	&[data-align="left"] {
 		.editor-block-list__block-edit {	// This is in the editor only, on the frontend, the img should be floated