From 7eb0a5acb3f8ab7e8edb30e26934e25477fb1b67 Mon Sep 17 00:00:00 2001 From: Ella <4710635+ellatrix@users.noreply.github.com> Date: Tue, 27 Feb 2024 07:50:03 +0100 Subject: [PATCH] Zoom out mode: only apply grey background for mode (#59377) * Zoom out mode: only apply grey background for mode * Add default body color Co-authored-by: ellatrix Co-authored-by: t-hamano Co-authored-by: annezazu --- .../src/components/block-list/content.scss | 5 ++++- .../block-editor/src/components/iframe/index.js | 14 +++++++++++++- 2 files changed, 17 insertions(+), 2 deletions(-) diff --git a/packages/block-editor/src/components/block-list/content.scss b/packages/block-editor/src/components/block-list/content.scss index de9c70d4f91f7d..e5e142e0fa332c 100644 --- a/packages/block-editor/src/components/block-list/content.scss +++ b/packages/block-editor/src/components/block-list/content.scss @@ -455,6 +455,9 @@ _::-webkit-full-page-media, _:future, :root .has-multi-selection .block-editor-b .block-editor-iframe__html { transition: all 0.3s; - background-color: $gray-300; transform-origin: top center; } + +.block-editor-iframe__html[style*="scale"] { + background-color: $gray-300; +} diff --git a/packages/block-editor/src/components/iframe/index.js b/packages/block-editor/src/components/iframe/index.js index 13ce1116336c95..d93f4bf7a548cd 100644 --- a/packages/block-editor/src/components/iframe/index.js +++ b/packages/block-editor/src/components/iframe/index.js @@ -245,7 +245,19 @@ function Iframe( { - + ${ styles } ${ scripts }