From eb6b9cb2161abd655fcb6bde23c03604d04a347f Mon Sep 17 00:00:00 2001 From: jasmussen Date: Wed, 18 Mar 2026 09:22:10 +0100 Subject: [PATCH 1/2] Reduce the added halo for selected block. --- packages/base-styles/_mixins.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/base-styles/_mixins.scss b/packages/base-styles/_mixins.scss index 6c46530b1d19a4..d8b145a2b13dd4 100644 --- a/packages/base-styles/_mixins.scss +++ b/packages/base-styles/_mixins.scss @@ -689,7 +689,7 @@ outline-style: solid; outline-width: calc(#{$widthRatio} * (var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1))); outline-offset: calc(#{$widthRatio} * ((-1 * var(--wp-admin-border-width-focus) ) / var(--wp-block-editor-iframe-zoom-out-scale, 1))); - box-shadow: inset 0 0 0 calc(var(--wp-admin-border-width-focus, #{variables.$border-width-focus-fallback}) + #{variables.$border-width}) colors.$white, 0 0 0 variables.$border-width colors.$white, variables.$elevation-x-small; + box-shadow: inset 0 0 0 calc((#{$widthRatio} * (var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1))) + 0.5px) rgba(colors.$white, 0.7); } @mixin selected-block-focus($widthRatio: 1) { From 27bba8534f08bbd27e1cfe2d8ae27ee82b7e98bb Mon Sep 17 00:00:00 2001 From: jasmussen Date: Wed, 18 Mar 2026 14:14:55 +0100 Subject: [PATCH 2/2] Try to update the collaborative style. --- .../components/collaborators-overlay/overlay-iframe-styles.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/editor/src/components/collaborators-overlay/overlay-iframe-styles.ts b/packages/editor/src/components/collaborators-overlay/overlay-iframe-styles.ts index 59980d09846bd6..ca9804d46e19f5 100644 --- a/packages/editor/src/components/collaborators-overlay/overlay-iframe-styles.ts +++ b/packages/editor/src/components/collaborators-overlay/overlay-iframe-styles.ts @@ -119,7 +119,7 @@ export const OVERLAY_IFRAME_STYLES = ` outline-style: solid; outline-width: calc(var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1)); outline-offset: calc(-1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1)); - box-shadow: inset 0 0 0 calc(var(--wp-admin-border-width-focus, ${ BORDER_WIDTH_FOCUS_FALLBACK }) + ${ BORDER_WIDTH }) ${ WHITE }, 0 0 0 ${ BORDER_WIDTH } ${ WHITE }, ${ ELEVATION_X_SMALL }; + box-shadow: inset 0 0 0 calc((var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1)) + 0.5px) rgba(${ WHITE }, 0.7); z-index: 1; } @media (prefers-reduced-motion: reduce) {