Site Hub: Fix the site icon button focus (WordPress#66952)

Unlinked contributors: kNoCoding. Co-authored-by: karthick-murugan <[email protected]> Co-authored-by: jasmussen <[email protected]> Co-authored-by: vipul0425 <[email protected]> Co-authored-by: jeryj <[email protected]>
carstingaxion · Nov 13, 2024 · 65c45a3 · 65c45a3
1 parent aba08da
commit 65c45a3
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/packages/edit-site/src/components/site-icon/style.scss b/packages/edit-site/src/components/site-icon/style.scss
@@ -20,3 +20,19 @@
 		border-radius: 0;
 	}
 }
+
+.edit-site-editor__view-mode-toggle button:focus {
+	position: relative;
+
+	&::before {
+		content: "";
+		display: block;
+		position: absolute;
+		z-index: 1;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		left: 0;
+		box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 calc(#{ $border-width } + var(--wp-admin-border-width-focus)) $white;
+	}
+}