Fix zoom out mode background color on Safari (#60873)

* moved zoomed out class to the iframe * revert changes, add an extra class to the iframe * moved css to block editor * changed background color of iframe instead of adding a new class * leave background in gray for all cases on the iframe * removed white background color extra styles * remove another background color that is no longer needed Co-authored-by: MaggieCabrera <[email protected]> Co-authored-by: draganescu <[email protected]> Co-authored-by: youknowriad <[email protected]> Co-authored-by: ellatrix <[email protected]> Co-authored-by: richtabor <[email protected]> Co-authored-by: getdave <[email protected]> Co-authored-by: jameskoster <[email protected]>
WordPress · Apr 30, 2024 · 4595915 · 4595915
1 parent 739506b
commit 4595915
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 7 deletions.
diff --git a/packages/block-editor/src/components/block-canvas/style.scss b/packages/block-editor/src/components/block-canvas/style.scss
@@ -2,11 +2,9 @@ iframe[name="editor-canvas"] {
 	width: 100%;
 	height: 100%;
 	display: block;
+	background-color: $gray-300;
 }
 
-iframe[name="editor-canvas"]:not(.has-editor-padding) {
-	background-color: $white;
-}
 
 iframe[name="editor-canvas"].has-editor-padding {
 	padding: $grid-unit-30 $grid-unit-30 0;

diff --git a/packages/edit-site/src/components/block-editor/style.scss b/packages/edit-site/src/components/block-editor/style.scss
@@ -31,7 +31,6 @@
 		display: block;
 		width: 100%;
 		height: 100%;
-		background: $white;
 	}
 
 	.edit-site-visual-editor__editor-canvas {

diff --git a/packages/edit-site/src/style.scss b/packages/edit-site/src/style.scss
@@ -93,9 +93,6 @@ body.js.site-editor-php {
 		display: none;
 	}
 
-	.interface-interface-skeleton__content {
-		background-color: $gray-300;
-	}
 }
 
 /**
-Original file line number
+Diff line change
@@ Expand Up / @@ -93,9 +93,6 @@ body.js.site-editor-php { @@
     		display: none;
     	}
-    	.interface-interface-skeleton__content {
-    		background-color: $gray-300;
-    	}
     }
     /**
@@ Expand Down @@