mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-11-28 22:43:30 +03:00
79d9179289
no issue - when selecting items with arrow keys in the slash menu, scroll the selected item into view if it's not visible
28 lines
1.6 KiB
Handlebars
28 lines
1.6 KiB
Handlebars
{{#each @itemSections as |section sectionIndex|}}
|
|
{{#if section.items}}
|
|
{{#if (or (not section.developerExperiment) (enable-developer-experiments))}}
|
|
<div class="flex flex-column justify-center {{unless (eq sectionIndex 0) "mt3"}} mb2 pl4 pr4 pt3 midlightgrey ttu f-supersmall fw5 tracked-3" style="min-width: calc(100% - 3.2rem); {{unless (eq sectionIndex 0) "border-top: 1px solid #e5eff5;"}}">
|
|
{{section.title}}
|
|
</div>
|
|
{{#each section.items as |item|}}
|
|
{{#if (or (not item.developerExperiment) (enable-developer-experiments))}}
|
|
<div
|
|
class="{{if (eq item @selectedItem) "kg-cardmenu-card-selected"}} {{kg-style "cardmenu-card"}}"
|
|
data-kg="cardmenu-card"
|
|
role="menuitem"
|
|
title="{{item.label}}"
|
|
{{on "click" (fn @itemClicked item)}}
|
|
{{did-update this.scrollIntoView (eq item @selectedItem)}}
|
|
>
|
|
<div class="{{kg-style "cardmenu-icon"}} {{item.iconClass}}" aria-hidden="true">{{svg-jar item.icon class="w7 h7"}}</div>
|
|
<div class="{{kg-style "cardmenu-label"}}">{{item.label}}</div>
|
|
{{#if item.deleteClicked}}
|
|
<span class="kg-cardmenu-action-icon" {{on "click" item.deleteClicked}}>{{svg-jar "trash"}}</span>
|
|
{{/if}}
|
|
</div>
|
|
{{/if}}
|
|
{{/each}}
|
|
{{/if}}
|
|
{{/if}}
|
|
{{/each}}
|