Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00
Code Issues Activity

Added generic/bookmark card preview modal settings tab

Browse source 
refs https://github.com/TryGhost/Team/issues/459

- re-use bookmark card styling
- approximate the data grabbed by metascraper (used when generating bookmark card contents) based on saved post data
This commit is contained in:
Kevin Ansfield 2021-02-01 18:46:53 +00:00 • committed by Daniel Lockyer
parent be01fa6920
commit 9fcf3cce9d
2 changed files with 25 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
ghost/admin/app/components/modal-post-preview/social.hbs
View file

@ -49,5 +49,29 @@
<div class="seo-preview-link">{{truncate this.serpURL 70}}</div> <div class="seo-preview-link">{{truncate this.serpURL 70}}</div>
<div class="seo-preview-description">{{truncate this.serpDescription 300}}</div> <div class="seo-preview-description">{{truncate this.serpDescription 300}}</div>
</div> </div>
<label class="mb2 f8 fw6 darkgrey">Generic embed preview</label>
<div class="kg-bookmark-card">
<div class="kg-bookmark-container">
<div class="kg-bookmark-content">
<div class="kg-bookmark-title">{{@post.title}}</div>
<div class="kg-bookmark-description">{{or @post.metaDescription @post.customExcerpt (truncate @post.excerpt 250)}}</div>
<div class="kg-bookmark-metadata">
{{#if this.settings.icon}}
<div class="kg-bookmark-icon"><img src={{this.settings.icon}}></div>
{{/if}}
<div class="kg-bookmark-publisher">{{or this.settings.metaTitle this.settings.title}}</div>
<div class="kg-bookmark-author">{{@post.primaryAuthor.name}}</div>
</div>
</div>
{{#let (or @post.featureImage @post.primaryAuthor.profileImage) as |image|}}
{{#if image}}
<div class="kg-bookmark-thumbnail">
<img src={{image}}>
</div>
{{/if}}
{{/let}}
</div>
</div>
</div> </div>
</div> </div>

2
ghost/admin/app/styles/spirit/_koenig.css
View file

@ -941,7 +941,7 @@
border-radius: 4px; border-radius: 4px;
} }
.koenig-editor__editor .kg-bookmark-container { .kg-bookmark-container {
display: flex; display: flex;
color: var(--darkgrey); color: var(--darkgrey);
text-decoration: none; text-decoration: none;