mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-23 02:41:50 +03:00
f079ed15af
refs https://github.com/TryGhost/Ghost/issues/9505 - card menu style refinements - fix tick color and adding appear animation to toolbar - bump Spirit dependency
32 lines
1.9 KiB
Handlebars
32 lines
1.9 KiB
Handlebars
{{#if showButton}}
|
|
<button class="koenig-plus-menu-button flex justify-center items-center relative w9 h9 ba b--midlightgrey-l2 bg-white br-100 anim-normal" {{action "openMenu"}}>{{svg-jar "plus" class="w4 h4 stroke-middarkgrey i-strokew--2"}}</button>
|
|
{{/if}}
|
|
|
|
{{#if showMenu}}
|
|
<div class="{{kg-style "cardmenu"}}">
|
|
{{!-- <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>
|
|
<div class="koenig-cardmenu-divider">
|
|
Primary
|
|
</div> --}}
|
|
<div class="{{kg-style "cardmenu-card"}}" {{action "replaceWithCardSection" "markdown" on="click"}} data-kg="cardmenu-card">
|
|
<div class="{{kg-style "cardmenu-icon"}}">{{svg-jar "koenig/markdown" class="w8 h8 stroke-midgrey"}}</div>
|
|
<div class="{{kg-style "cardmenu-label"}}">Markdown</div>
|
|
</div>
|
|
<div class="{{kg-style "cardmenu-card"}}" {{action "replaceWithCardSection" "image" on="click"}} data-kg="cardmenu-card">
|
|
<div class="{{kg-style "cardmenu-icon"}}">{{svg-jar "koenig/image" class="w8 h8 stroke-midgrey"}}</div>
|
|
<div class="{{kg-style "cardmenu-label"}}">Image</div>
|
|
</div>
|
|
<div class="{{kg-style "cardmenu-card"}}" {{action "replaceWithCardSection" "html" on="click"}} data-kg="cardmenu-card">
|
|
<div class="{{kg-style "cardmenu-icon"}}">{{svg-jar "koenig/html" class="w8 h8 stroke-midgrey"}}</div>
|
|
<div class="{{kg-style "cardmenu-label"}}">HTML</div>
|
|
</div>
|
|
<div class="{{kg-style "cardmenu-card"}}" {{action "replaceWithCardSection" "hr" on="click"}} data-kg="cardmenu-card">
|
|
<div class="{{kg-style "cardmenu-icon"}}">{{svg-jar "koenig/divider" class="w8 h8 stroke-midgrey"}}</div>
|
|
<div class="{{kg-style "cardmenu-label"}}">Divider</div>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|