Fix border position when "Show button text labels" is enabled

WordPress · Jan 20, 2024 · 6020b94 · 6020b94
1 parent 7692bde
commit 6020b94
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 10 deletions.
diff --git a/packages/edit-post/src/components/header/style.scss b/packages/edit-post/src/components/header/style.scss
@@ -117,8 +117,7 @@
 			@include break-small() {
 				&:not(.is-horizontal) .block-editor-block-mover__move-button-container {
 					position: relative;
-					top: -6px;
-					justify-content: flex-start;
+					top: -10px;
 				}
 			}
 		}
@@ -234,9 +233,9 @@
 		&::before {
 			content: "";
 			width: $border-width;
-			margin-top: $grid-unit-15;
-			margin-bottom: $grid-unit-15;
+			height: $grid-unit-30;
 			background-color: $gray-300;
+			margin-top: $grid-unit-05;
 			margin-left: $grid-unit;
 		}
 

diff --git a/packages/edit-site/src/components/header-edit-mode/style.scss b/packages/edit-site/src/components/header-edit-mode/style.scss
@@ -149,9 +149,9 @@ $header-toolbar-min-width: 335px;
 		&::before {
 			content: "";
 			width: $border-width;
-			margin-top: $grid-unit-15;
-			margin-bottom: $grid-unit-15;
+			height: $grid-unit-30;
 			background-color: $gray-300;
+			margin-top: $grid-unit-05;
 			margin-left: $grid-unit;
 		}
 
@@ -232,8 +232,7 @@ $header-toolbar-min-width: 335px;
 			@include break-small() {
 				&:not(.is-horizontal) .block-editor-block-mover__move-button-container {
 					position: relative;
-					top: -6px;
-					justify-content: flex-start;
+					top: -10px;
 				}
 			}
 		}

diff --git a/packages/edit-widgets/src/components/header/style.scss b/packages/edit-widgets/src/components/header/style.scss
@@ -67,8 +67,7 @@
 			@include break-small() {
 				&:not(.is-horizontal) .block-editor-block-mover__move-button-container {
 					position: relative;
-					top: -6px;
-					justify-content: flex-start;
+					top: -10px;
 				}
 			}
 		}