use box-shadow instead of border

WordPress · Aug 28, 2024 · 4ee7a7c · 4ee7a7c
1 parent 9b1af68
commit 4ee7a7c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 8 deletions.
diff --git a/packages/block-editor/src/components/block-toolbar/style.scss b/packages/block-editor/src/components/block-toolbar/style.scss
@@ -70,7 +70,7 @@
 	// Raise the specificity.
 	&.components-accessible-toolbar {
 		border: none;
-		border-bottom: $border-width solid $gray-200;
+		box-shadow: 0 $border-width 0 0 rgba($color: #000, $alpha: 0.133); // 0.133 = $gray-200 but with alpha.
 		border-radius: 0;
 	}
 

diff --git a/packages/editor/src/components/header/style.scss b/packages/editor/src/components/header/style.scss
@@ -228,7 +228,7 @@
 }
 
 .editor-header__post-preview-button {
-	@include break-mobile {
+	@include break-small {
 		display: none;
 	}
 }
@@ -240,14 +240,10 @@
 
 	.editor-header {
 		background-color: $white;
+		box-shadow: 0 $border-width 0 0 rgba($color: #000, $alpha: 0.133); // 0.133 = $gray-200 but with alpha.
+		position: absolute;
 		width: 100%;
 
-		@include break-medium {
-			border-bottom: 1px solid #e0e0e0;
-			position: absolute;
-		}
-
-
 		// hide some parts
 		& > .edit-post-header__settings > .edit-post-header__post-preview-button {
 			visibility: hidden;