Update handle

WordPress · Jan 13, 2023 · 28e6a9d · 28e6a9d
1 parent 098c4cd
commit 28e6a9d
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 7 deletions.
diff --git a/packages/edit-site/src/components/block-editor/style.scss b/packages/edit-site/src/components/block-editor/style.scss
@@ -97,12 +97,15 @@
 
 	&.is-variation-separator {
 		height: 100%;
+		width: $grid-unit-30;
+		right: 0;
 
 		&::after {
 			width: 2px;
 			border-radius: 0;
-			background: $gray-800;
-			left: 0;
+			background: transparent;
+			left: 50%;
+			transform: translateX( -1px );
 			right: 0;
 			transition: all ease 0.2s;
 			transition-delay: 0.1s;

diff --git a/packages/edit-site/src/components/layout/index.js b/packages/edit-site/src/components/layout/index.js
@@ -234,7 +234,6 @@ export default function Layout( { onError } ) {
 								handleComponent={ {
 									right: (
 										<ResizeHandle
-											direction="right"
 											variation="separator"
 										/>
 									),

diff --git a/packages/edit-site/src/components/layout/style.scss b/packages/edit-site/src/components/layout/style.scss
@@ -84,10 +84,6 @@ $hub-height: $grid-unit-20 * 2 + $button-size;
 		top: 0;
 	}
 
-	.resizable-editor__drag-handle.is-right {
-		right: math.div(-$grid-unit-15, 2);
-	}
-
 	> div {
 		overflow-y: auto;
 		min-height: 100%;