Adjust design of side inserter to be lighter

This brings us closer to the mockup. But in a slightly hacky way. Once #4512 is merged this should be refactored.
WordPress · Jan 18, 2018 · fb715aa · fb715aa
1 parent 02bfacc
commit fb715aa
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/editor/components/block-mover/style.scss b/editor/components/block-mover/style.scss
@@ -52,6 +52,22 @@
 	.editor-inserter__toggle {
 		width: $icon-button-size-small;
 		padding: 2px;
+
+		// Adjust inserter design
+		box-shadow: inset 0 0 0 1px $light-gray-500;
+
+		// Hide the outer ring on the inserter, to visually lighten it
+		&:before {
+			content: '';
+			position: absolute;
+			top: 2px;
+			right: 2px;
+			bottom: 2px;
+			left: 2px;
+			display: block;
+			border: 4px solid $white;
+			border-radius: 50%;
+		}
 	}
 
 	.editor-inserter {