Put plus menu button on the screen on mobile (#2417)

Fix the right positioning and size of the icon for mobile display Addresses TryGhost/Ghost#14948
TryGhost · Jul 27, 2022 · 494c05c · 494c05c
1 parent 6beed50
commit 494c05c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/app/styles/components/koenig.css b/app/styles/components/koenig.css
@@ -981,9 +981,9 @@
 }
 
 
-@media (max-width: 1024px) {
+@media (max-width: 500px) {
   .koenig-plus-menu-button {
-        right:10px;
+        right: -34px;
   }
 }
 

diff --git a/lib/koenig-editor/addon/components/koenig-plus-menu.hbs b/lib/koenig-editor/addon/components/koenig-plus-menu.hbs
@@ -1,5 +1,5 @@
 {{#if this.showButton}}
-    <button aria-label="Add a card" class="koenig-plus-menu-button flex justify-center items-center relative w9 h9 ba b--midlightgrey-l2 bg-white br-100 anim-normal" onclick={{action "openMenu"}} type="button">{{svg-jar "plus" class="w4 h4 stroke-middarkgrey i-strokew--2"}}</button>
+    <button aria-label="Add a card" class="koenig-plus-menu-button flex justify-center items-center relative w7 h7 w9-ns h9-ns ba b--midlightgrey-l2 bg-white br-100 anim-normal" onclick={{action "openMenu"}} type="button">{{svg-jar "plus" class="w4 h4 stroke-middarkgrey i-strokew--2"}}</button>
 {{/if}}
 
 {{#if this.showMenu}}