Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-03 23:00:14 -05:00
Code Issues Activity

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

Browse source 
Fix the right positioning and size of the icon for mobile display
Addresses https://github.com/TryGhost/Ghost/issues/14948
This commit is contained in:
Peter Elmers 2022-07-27 11:29:33 +02:00 • committed by GitHub
parent 6ae1cce9c8
commit 26e6d459cb
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ghost/admin/app/styles/components/koenig.css
View file

@ -981,9 +981,9 @@
} }
@media (max-width: 1024px) { @media (max-width: 500px) {
.koenig-plus-menu-button { .koenig-plus-menu-button {
right:10px; right: -34px;
} }
} }

2
ghost/admin/lib/koenig-editor/addon/components/koenig-plus-menu.hbs
View file

@ -1,5 +1,5 @@
{{#if this.showButton}} {{#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}}
{{#if this.showMenu}} {{#if this.showMenu}}