Ghost/ghost/admin/lib/koenig-editor/addon/templates/components/koenig-card.hbs
Kevin Ansfield 26e70e86ea Koenig - Sticky card icons (#1013)
refs https://github.com/TryGhost/Ghost/issues/9505
- use `ember-sticky-element` to stick card icons in top left when scrolling
- pass an `headerOffset` down from the `{{gh-editor}}` component through Koenig and the card components so that it can be used for adjustments where necessary
    - calculate `headerHeight` in `{{gh-editor}}` any time we change the header class
2018-05-01 15:55:51 +01:00

29 lines
1.1 KiB
Handlebars

{{#if icon}}
{{#sticky-element top=iconTop bottom=36}}
{{svg-jar icon class=iconClass}}
{{/sticky-element}}
{{/if}}
{{yield}}
{{#if toolbar}}
<ul data-toolbar="true" class="kg-action-bar bg-lgr-darkgrey inline-flex pa0 ma0 pl1 pr1 nl1 list br3 shadow-2 items-center absolute white sans-serif f8 fw6 tracked-2 anim-fast-bezier z-999 {{if showToolbar "" "o-0 drop-down"}}" style={{toolbarStyle}}>
{{#each toolbar.items as |item|}}
{{#if item.divider}}
<li class="ma0 kg-action-bar-divider bg-darkgrey-d2 h5"></li>
{{else}}
<li class="ma0 lh-solid">
<button
type="button"
title={{item.title}}
class="dib dim-lite pa2 link h8 {{item.buttonClass}}"
onmousedown={{action item.action}}
>
{{#if item.icon}}{{svg-jar item.icon class=(concat item.iconClass (if item.text " mr2") " w4 h4")}} {{/if}}{{item.text}}
</button>
</li>
{{/if}}
{{/each}}
</ul>
{{/if}}