Merge pull request #247 from WordPress/update/tinymce-single/mock-ups

Adjust drag element
WordPress · Mar 11, 2017 · adbc2bd · adbc2bd
2 parents 7c9069f + fa065b4
commit adbc2bd
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/tinymce-single/tinymce/block.css b/tinymce-single/tinymce/block.css
@@ -245,7 +245,10 @@ div.mce-inline-toolbar-grp.block-toolbar > div.mce-stack-layout {
 	outline: 2px solid #e0e5e9;
 	outline-offset: 8px;
 	background: #fff;
-	box-shadow: 0 0 0 8px #fff;
+	box-shadow:
+		0 0 0 8px #fff,
+		0px 13px 40px rgba( 18, 24, 30, .1 ),
+		0px 11px 23px rgba( 18, 24, 30, .1 );
 }
 
 .block-outline:before {
@@ -260,7 +263,7 @@ div.mce-inline-toolbar-grp.block-toolbar > div.mce-stack-layout {
 
 .block-outline-handle {
 	position: absolute;
-	width: 10px;
+	width: 20px;
 	top: 0;
 	bottom: 0;
 	cursor: move; /* fallback if grab cursor is unsupported */
@@ -271,11 +274,11 @@ div.mce-inline-toolbar-grp.block-toolbar > div.mce-stack-layout {
 }
 
 .block-outline-handle-left {
-	left: -10px;
+	left: -20px;
 }
 
 .block-outline-handle-right {
-	right: -10px;
+	right: -20px;
 }
 
 #editor *[data-wp-block-dragging] {