Images: Set height:auto on images that have explicitly set width and …

…max-width to 100%
WordPress · Oct 7, 2021 · 3d29ca1 · 3d29ca1
1 parent 061f1e6
commit 3d29ca1
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 0 deletions.
diff --git a/packages/block-library/src/image/editor.scss b/packages/block-library/src/image/editor.scss
@@ -52,6 +52,7 @@ figure.wp-block-image:not(.wp-block) {
 [data-align="wide"] > .wp-block-image,
 [data-align="full"] > .wp-block-image {
 	img {
+		height: auto;
 		width: 100%;
 	}
 }

diff --git a/packages/block-library/src/image/style.scss b/packages/block-library/src/image/style.scss
@@ -2,6 +2,7 @@
 	margin: 0 0 1em 0;
 
 	img {
+		height: auto;
 		max-width: 100%;
 	}
 
@@ -15,6 +16,7 @@
 
 	&.alignfull img,
 	&.alignwide img {
+		height: auto;
 		width: 100%;
 	}
 

diff --git a/packages/block-library/src/media-text/style.scss b/packages/block-library/src/media-text/style.scss
@@ -67,6 +67,7 @@
 
 .wp-block-media-text__media img,
 .wp-block-media-text__media video {
+	height: auto;
 	max-width: unset;
 	width: 100%;
 	vertical-align: middle;

diff --git a/packages/block-library/src/site-logo/editor.scss b/packages/block-library/src/site-logo/editor.scss
@@ -19,6 +19,7 @@
 		width: 120px;
 
 		img {
+			height: auto;
 			width: 100%;
 		}
 	}
@@ -38,6 +39,7 @@
 
 	img {
 		display: block;
+		height: auto;
 		max-width: 100%;
 	}