Fix border and parent selector dot

WordPress · Dec 30, 2023 · 395356f · 395356f
1 parent 30ba00f
commit 395356f
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 6 deletions.
diff --git a/packages/block-editor/src/components/block-toolbar/style.scss b/packages/block-editor/src/components/block-toolbar/style.scss
@@ -115,7 +115,10 @@
 			position: absolute;
 			font-size: 16px;
 			right: 0;
-			bottom: $grid-unit-20;
+			height: $grid-unit-60;
+			top: 0;
+			display: inline-flex;
+			align-items: center;
 		}
 	}
 

diff --git a/packages/edit-post/src/components/header/style.scss b/packages/edit-post/src/components/header/style.scss
@@ -55,6 +55,7 @@
 	.selected-block-tools-wrapper {
 		overflow-x: hidden;
 		display: flex;
+		align-items: center;
 
 		.block-editor-block-contextual-toolbar {
 			border-bottom: 0;
@@ -63,8 +64,7 @@
 		&::after {
 			content: "";
 			width: $border-width;
-			margin-top: $grid-unit + $grid-unit-05;
-			margin-bottom: $grid-unit + $grid-unit-05;
+			height: $grid-unit-30;
 			background-color: $gray-300;
 			margin-left: $grid-unit;
 		}
@@ -73,12 +73,13 @@
 		.components-toolbar-group,
 		.components-toolbar {
 			border-right: none;
+			height: 100%;
 
 			&::after {
 				content: "";
 				width: $border-width;
+				height: $grid-unit-30;
 				margin-top: $grid-unit + $grid-unit-05;
-				margin-bottom: $grid-unit + $grid-unit-05;
 				background-color: $gray-300;
 				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
@@ -219,8 +219,8 @@ $header-toolbar-min-width: 335px;
 			&::after {
 				content: "";
 				width: $border-width;
+				height: $grid-unit-30;
 				margin-top: $grid-unit + $grid-unit-05;
-				margin-bottom: $grid-unit + $grid-unit-05;
 				background-color: $gray-300;
 				margin-left: $grid-unit;
 			}

diff --git a/packages/edit-widgets/src/components/header/style.scss b/packages/edit-widgets/src/components/header/style.scss
@@ -25,8 +25,8 @@
 			&::after {
 				content: "";
 				width: $border-width;
+				height: $grid-unit-30;
 				margin-top: $grid-unit + $grid-unit-05;
-				margin-bottom: $grid-unit + $grid-unit-05;
 				background-color: $gray-300;
 				margin-left: $grid-unit;
 			}