Try: Inspector inner shadow border fix. (WordPress#63245)

* Try: Inspector inner shadow border fix. * Apply to inserter as well. Co-authored-by: jasmussen <[email protected]> Co-authored-by: t-hamano <[email protected]>
carstingaxion · Jul 18, 2024 · 8f7317b · 8f7317b
1 parent d414366
commit 8f7317b
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/interface/src/components/interface-skeleton/style.scss b/packages/interface/src/components/interface-skeleton/style.scss
@@ -122,7 +122,7 @@ html.interface-interface-skeleton__html-container {
 	overflow: hidden;
 
 	@include break-medium() {
-		box-shadow: -$border-width $border-width 0 0 rgba($color: #000, $alpha: 0.133); // 0.133 = $gray-200 but with alpha.
+		box-shadow: -$border-width 0 0 0 rgba($color: #000, $alpha: 0.133); // 0.133 = $gray-200 but with alpha.
 		outline: 1px solid transparent; // Shown for Windows 10 High Contrast mode.
 	}
 }
@@ -132,7 +132,7 @@ html.interface-interface-skeleton__html-container {
 	right: 0;
 
 	@include break-medium() {
-		box-shadow: $border-width $border-width 0 0 rgba($color: #000, $alpha: 0.133); // 0.133 = $gray-200 but with alpha.
+		box-shadow: $border-width 0 0 0 rgba($color: #000, $alpha: 0.133); // 0.133 = $gray-200 but with alpha.
 		outline: 1px solid transparent; // Shown for Windows 10 High Contrast mode.
 	}
 }