Prevent welcome guide overflow x scroll (#34713)

* fit image width to prevent overflow x image width should be 100% * undo html with attr * fix for posts editor * fix for widgets editor * Lint whitespace Co-authored-by: Mitchell Austin <mr.fye@oneandthesame.net>
WordPress · Sep 15, 2021 · 8ce7f51 · 8ce7f51
1 parent d065e74
commit 8ce7f51
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/packages/edit-post/src/components/welcome-guide/style.scss b/packages/edit-post/src/components/welcome-guide/style.scss
@@ -4,6 +4,11 @@
 	&__image {
 		background: #00a0d2;
 		margin: 0 0 $grid-unit-20;
+		> img {
+			display: block;
+			max-width: 100%;
+			object-fit: cover;
+		}
 	}
 
 	&__heading {

diff --git a/packages/edit-widgets/src/components/welcome-guide/style.scss b/packages/edit-widgets/src/components/welcome-guide/style.scss
@@ -4,6 +4,11 @@
 	&__image {
 		background: #00a0d2;
 		margin: 0 0 $grid-unit-20;
+		> img {
+			display: block;
+			max-width: 100%;
+			object-fit: cover;
+		}
 	}
 
 	&__heading {