From 5248a6db459726fed1528a227c903a68fa4de20a Mon Sep 17 00:00:00 2001 From: Utsav Patel Date: Mon, 15 Jul 2024 01:10:14 +0530 Subject: [PATCH] Fix: editor focus style issue --- .../edit-site/src/components/layout/style.scss | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/packages/edit-site/src/components/layout/style.scss b/packages/edit-site/src/components/layout/style.scss index 4ceb9bbf527b30..053c91195fd3c6 100644 --- a/packages/edit-site/src/components/layout/style.scss +++ b/packages/edit-site/src/components/layout/style.scss @@ -251,3 +251,21 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) { padding-left: 16px; padding-right: 16px; } + +.edit-site-layout.is-full-canvas { + .edit-site-layout__view-mode-toggle.components-button { + &:focus-visible, + &:focus { + + box-shadow: none; + outline: none; + outline-offset: 0; + + .edit-site-site-icon svg { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #3858e9); + outline: 3px solid #0000; + } + + } + } +}