Ghost/ghost/admin/lib/koenig-editor/addon/components/koenig-plus-menu.hbs
Peter Elmers 26e6d459cb 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
2022-07-27 11:29:33 +02:00

18 lines
940 B
Handlebars

{{#if this.showButton}}
<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}}
{{!-- TODO: restructure HTML and update kg-style helper to avoid negative margins on divider/title elements --}}
<div class="{{kg-style "cardmenu"}} pa0" role="menu">
{{!-- <div class="koenig-cardmenu-search">
{{svg-jar "koenig/search"}}
<input type="text" placeholder="Search for a card..." class="gh-input koenig-cardmenu-search-input">
</div> --}}
<KoenigMenuContent
@itemSections={{this.itemSections}}
@itemClicked={{action "itemClicked"}}
@postType={{@postType}}
/>
</div>
{{/if}}