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

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

View File

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

View File

@ -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}}