From cee70e65e6ff77bef2aca54a2ebfa9605d5ccd4a Mon Sep 17 00:00:00 2001
From: Joen Asmussen <asmussen@gmail.com>
Date: Mon, 2 Apr 2018 08:54:18 +0200
Subject: [PATCH] Improve the appender inside columns, so it's the same UI as
 it is on mobile.

---
 blocks/library/columns/editor.scss                | 15 +++++++++++++++
 .../components/default-block-appender/style.scss  |  1 +
 2 files changed, 16 insertions(+)

diff --git a/blocks/library/columns/editor.scss b/blocks/library/columns/editor.scss
index d68749cccf9d21..f23c87cb7dc138 100644
--- a/blocks/library/columns/editor.scss
+++ b/blocks/library/columns/editor.scss
@@ -37,3 +37,18 @@
 		margin-right: $block-side-ui-padding;
 	}
 }
+
+// Hide appender shortcuts in columns
+// @todo This essentially duplicates the mobile styles for the appender component
+// It would be nice to be able to use element queries in that component instead https://github.com/tomhodgins/element-queries-spec
+.wp-block-columns {
+	.editor-inserter-with-shortcuts {
+		display: none;
+	}
+
+	.editor-block-list__empty-block-inserter,
+	.editor-default-block-appender .editor-inserter {
+		left: auto;
+		right: $item-spacing;
+	}
+}
diff --git a/editor/components/default-block-appender/style.scss b/editor/components/default-block-appender/style.scss
index b462662158fbc6..1a4181ae3300c0 100644
--- a/editor/components/default-block-appender/style.scss
+++ b/editor/components/default-block-appender/style.scss
@@ -11,6 +11,7 @@ $empty-paragraph-height: $text-editor-font-size * 4;
 		padding: $block-padding;
 		height: $empty-paragraph-height;
 		font-size: $editor-font-size;
+		font-family: $editor-font;
 		cursor: text;
 		width: 100%;
 		height: $empty-paragraph-height;