add outline for improved visibility

WordPress · Apr 11, 2024 · a7fafdb · a7fafdb
1 parent 4cfd83a
commit a7fafdb
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/packages/block-editor/src/components/block-list/content.scss b/packages/block-editor/src/components/block-list/content.scss
@@ -307,6 +307,7 @@ _::-webkit-full-page-media, _:future, :root .has-multi-selection .block-editor-b
 	}
 	to {
 		background-color: rgba(var(--wp-admin-theme-color--rgb), 0);
+		outline-color: rgba(var(--wp-admin-theme-color--rgb), 0);
 	}
 }
 
@@ -317,6 +318,10 @@ _::-webkit-full-page-media, _:future, :root .has-multi-selection .block-editor-b
 	animation-delay: 0.1s;
 	animation-fill-mode: backwards;
 	border-radius: $radius-block-ui;
+	outline-color: transparent;
+	outline-style: solid;
+	outline-width: $border-width;
+	outline-offset: calc(-1 * $border-width);
 	bottom: 0;
 	content: "";
 	left: 0;