mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-23 02:41:50 +03:00
9c299b973a
refs https://github.com/TryGhost/Ghost/issues/9724 - removed 1px white border on embed card click overlay so that it doesn't cover borders used by certain embeds such as Instagram and Facebook posts
59 lines
2.6 KiB
Handlebars
59 lines
2.6 KiB
Handlebars
{{#koenig-card
|
|
class="flex flex-column nl2 nr2"
|
|
isSelected=isSelected
|
|
isEditing=isEditing
|
|
selectCard=(action selectCard)
|
|
deselectCard=(action deselectCard)
|
|
onDeselect=(action "onDeselect")
|
|
editCard=(action editCard)
|
|
toolbar=toolbar
|
|
hasEditMode=false
|
|
showSelectedOutline=payload.html
|
|
addParagraphAfterCard=addParagraphAfterCard
|
|
moveCursorToPrevSection=moveCursorToPrevSection
|
|
moveCursorToNextSection=moveCursorToNextSection
|
|
editor=editor
|
|
as |card|
|
|
}}
|
|
{{#if payload.html}}
|
|
<div class="kg-card-hover">
|
|
<div class="koenig-embed-{{payload.type}} flex justify-center relative" data-kg-embed>
|
|
<iframe class="bn miw-100" scrolling="no"></iframe>
|
|
<div class="koenig-card-click-overlay ba b--transparent" data-kg-overlay></div>
|
|
</div>
|
|
|
|
{{#if (or isSelected (clean-basic-html payload.caption))}}
|
|
{{card.captionInput
|
|
caption=payload.caption
|
|
update=(action "updateCaption")
|
|
placeholder="Type caption for embed (optional)"
|
|
}}
|
|
{{/if}}
|
|
</div>
|
|
{{else}}
|
|
{{#if convertUrl.isRunning}}
|
|
<div class="miw-100 pa2 ba br2 b--lightgrey-d1 flex items-center justify-center bg-whitegrey-l2 f6 lh-title h10">
|
|
<div class="ghost-spinner spinner-blue"></div>
|
|
</div>
|
|
{{else if hasError}}
|
|
<div class="miw-100 flex flex-row pa2 pl3 ba br2 b--red-l3 red bg-error-red f7 fw4 lh-title h10 items-center">
|
|
<span class="mr3">There was an error when parsing the URL.</span>
|
|
<button type="button" class="red-d2 mr3 fw6 hover-red" {{action "retry"}}><span class="underline">Retry</span></button>
|
|
<button type="button" class="red-d2 mr-auto fw6 underline hover-red" {{action "insertAsLink"}}><span class="underline">Paste URL as link</span></button>
|
|
<button type="button" {{action deleteCard}} class="nudge-right--2">
|
|
{{svg-jar "close" class="w3 stroke-red-l3"}}
|
|
</button>
|
|
</div>
|
|
{{else}}
|
|
<input
|
|
type="text"
|
|
value={{payload.url}}
|
|
name="url"
|
|
placeholder="Paste URL to add embedded content..."
|
|
class="miw-100 pa2 ba br2 b--lightgrey-d2 f7 form-text lh-title tracked-2 h10"
|
|
oninput={{action "updateUrl"}}
|
|
onkeydown={{action "urlKeydown"}}>
|
|
{{/if}}
|
|
{{/if}}
|
|
{{/koenig-card}}
|