Trying a different combination of css grid options and crossing fingers

WordPress · Dec 9, 2021 · 834996c · 834996c
1 parent 791bad9
commit 834996c
Showing 1 changed file with 4 additions and 11 deletions.
diff --git a/packages/block-library/src/image/editor.scss b/packages/block-library/src/image/editor.scss
@@ -73,26 +73,19 @@ figure.wp-block-image:not(.wp-block) {
 *:not([data-align]) {
 	> .wp-block-image {
 		display: grid;
-		grid-template-rows: auto auto;
-		grid-template-columns: [resized] min-content [no-resize] minmax(0, max-content);
+		grid-template-columns: [image] minmax(0, max-content) [placeholder] auto;
 		.components-placeholder {
-			grid-column: no-resize;
+			grid-column: placeholder;
 		}
 		> div:not(.components-placeholder) {
-			grid-column: resized;
+			grid-column: image;
 		}
 		> figcaption {
-			grid-column: resized;
+			grid-column: image;
 			display: table-caption;
 			caption-side: bottom;
 		}
 	}
-	> .wp-block-image:not(.is-resized) {
-		> div:not(.components-placeholder),
-		> figcaption {
-			grid-column: no-resize;
-		}
-	}
 }
 
 .wp-block[data-align="left"] > .wp-block-image {