From bb42a7986fdad36ad2302afc9cc3d485b5301432 Mon Sep 17 00:00:00 2001 From: Rich Tabor Date: Mon, 5 Aug 2024 16:59:00 -0400 Subject: [PATCH] use box-shadow instead of border --- packages/block-editor/src/components/block-toolbar/style.scss | 2 +- packages/editor/src/components/header/style.scss | 3 +-- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/packages/block-editor/src/components/block-toolbar/style.scss b/packages/block-editor/src/components/block-toolbar/style.scss index 0c2ed94c01e3f0..98538d5d1d053d 100644 --- 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 index de690d89a66ae4..c21e3032566e87 100644 --- a/packages/editor/src/components/header/style.scss +++ b/packages/editor/src/components/header/style.scss @@ -240,11 +240,10 @@ .editor-header { background-color: $white; - border-bottom: 1px solid #e0e0e0; + box-shadow: 0 $border-width 0 0 rgba($color: #000, $alpha: 0.133); // 0.133 = $gray-200 but with alpha. position: absolute; width: 100%; - // hide some parts & > .edit-post-header__settings > .edit-post-header__post-preview-button { visibility: hidden;