Clean up appender CSS.

WordPress · Mar 13, 2018 · f02f759 · f02f759
1 parent c2e3145
commit f02f759
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/editor/components/default-block-appender/style.scss b/editor/components/default-block-appender/style.scss
@@ -19,17 +19,19 @@ $empty-paragraph-height: $text-editor-font-size * 4;
 		transition: 0.2s outline;
 	}
 
-	.editor-inserter {
-		opacity: 0;
-	}
-
+	// Show quick insertion icons faded until hover
 	.editor-inserter-with-shortcuts {
 		.components-icon-button {
 			color: $light-gray-700;
 			transition: color 0.2s;
 		}
 	}
 
+	// Don't show inserter until mousing
+	.editor-inserter {
+		opacity: 0;
+	}
+
 	&:hover {
 		.editor-inserter-with-shortcuts {
 			opacity: 1;
@@ -55,7 +57,7 @@ $empty-paragraph-height: $text-editor-font-size * 4;
 .editor-default-block-appender .editor-inserter {
 	position: absolute;
 		top: $item-spacing;
-		right: $item-spacing;
+		right: $item-spacing;	// show on the right on mobile
 	transition: opacity 0.2s;
 
 	@include break-small {