From b8d47545cdeb86efdcecd767bd80293eb6e9d0ec Mon Sep 17 00:00:00 2001
From: Juan Aldasoro <juanfraa@gmail.com>
Date: Thu, 8 Feb 2024 11:21:12 +0100
Subject: [PATCH] Limit spotlight mode to the editor.
---
packages/block-editor/src/components/block-list/content.scss | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/packages/block-editor/src/components/block-list/content.scss b/packages/block-editor/src/components/block-list/content.scss
index f12e63c6d7663e..35d3ef0574609b 100644
--- a/packages/block-editor/src/components/block-list/content.scss
+++ b/packages/block-editor/src/components/block-list/content.scss
@@ -328,7 +328,8 @@ _::-webkit-full-page-media, _:future, :root .has-multi-selection .block-editor-b
}
// Spotlight mode. Fade out blocks unless they contain a selected block.
-.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) {
+.wp-block-post-content.is-focus-mode .block-editor-block-list__block:not(.has-child-selected),
+.wp-site-blocks.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) {
opacity: 0.2;
transition: opacity 0.1s linear;
@include reduce-motion("transition");