Improve mobile UI.

WordPress · Mar 19, 2018 · 22701c1 · 22701c1
1 parent 6d5845c
commit 22701c1
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 16 deletions.
diff --git a/editor/components/block-mover/style.scss b/editor/components/block-mover/style.scss
@@ -17,17 +17,18 @@
 	}
 
 	// Try a background, only for nested situations @todo
-	.editor-block-list__layout .editor-block-list__layout & {
-		background: $white;
-		border-color: $light-gray-500;
-		border-style: solid;
-		margin-top: -1px; // stack top border
+	@include break-small() {
+		.editor-block-list__layout .editor-block-list__layout & {
+			background: $white;
+			border-color: $light-gray-500;
+			border-style: solid;
 
-		&:first-child {
-			border-width: 1px 1px 0 1px;
-		}
-		&:last-child {
-			border-width: 0 1px 1px 1px;
+			&:first-child {
+				border-width: 1px 1px 0 1px;
+			}
+			&:last-child {
+				border-width: 0 1px 1px 1px;
+			}
 		}
 	}
 

diff --git a/editor/components/block-settings-menu/style.scss b/editor/components/block-settings-menu/style.scss
@@ -6,12 +6,13 @@
 	height: $block-side-ui-width * 2;	// same height as a single line of text, our smallest block
 
 	// Try a background, only for nested situations @todo
-	.editor-block-list__layout .editor-block-list__layout & {
-		background: $white;
-		border-color: $light-gray-500;
-		border-style: solid;
-		border-width: 1px;
-		margin-top: -1px; // stack top border
+	@include break-small() {
+		.editor-block-list__layout .editor-block-list__layout & {
+			background: $white;
+			border-color: $light-gray-500;
+			border-style: solid;
+			border-width: 1px;
+		}
 	}
 
 	.dashicon {