Adjust borders on gallery to prevent overlap (#27312)

* Adjusts borders on gallery to prevent overlap * Iterates img selects * Whitespace clean * Removes relative position * Removes comments * Removes comment * Removes rounding that wasn't taking effect * Iterates CSS
WordPress · Jan 15, 2021 · c386782 · c386782
1 parent 0bb4f49
commit c386782
Showing 1 changed file with 11 additions and 5 deletions.
diff --git a/packages/block-library/src/gallery/editor.scss b/packages/block-library/src/gallery/editor.scss
@@ -38,12 +38,18 @@ figure.wp-block-gallery {
 	}
 
 	figure.is-selected {
-		box-shadow: 0 0 0 $border-width $white, 0 0 0 3px var(--wp-admin-theme-color);
-		border-radius: $radius-block-ui;
-		outline: 2px solid transparent;
 
-		img {
-			border-radius: $radius-block-ui;
+		&::before {
+			box-shadow: 0 0 0 $border-width $white inset, 0 0 0 3px var(--wp-admin-theme-color) inset;
+			content: "";
+			// Shown in Windows 10 high contrast mode.
+			outline: 2px solid transparent;
+			position: absolute;
+			top: 0;
+			right: 0;
+			bottom: 0;
+			left: 0;
+			z-index: 1;
 		}
 	}