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 feature image caption to newsletter template preview

Browse source
This commit is contained in:
Sanne de Vries 2021-06-18 18:50:20 +02:00
parent e2a136609a
commit 4961b35692
2 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
ghost/admin/app/components/modal-email-design-settings-labs.hbs
View file

@ -225,6 +225,7 @@
</div> </div>
{{#if this.showFeatureImage}} {{#if this.showFeatureImage}}
<div class="gh-members-emailpreview-featureimage" style={{this.featureImageStyle}}></div> <div class="gh-members-emailpreview-featureimage" style={{this.featureImageStyle}}></div>
<div class="gh-members-emailpreview-featureimage-caption">Feature image caption</div>
{{/if}} {{/if}}
<div class="gh-members-emailpreview-content {{if (eq this.bodyFontCategory "sans_serif") "sans-serif"}}"> <div class="gh-members-emailpreview-content {{if (eq this.bodyFontCategory "sans_serif") "sans-serif"}}">
<p>This is what your content will look like when you send one of your posts as an email newsletter to your subscribers.</p> <p>This is what your content will look like when you send one of your posts as an email newsletter to your subscribers.</p>

11
ghost/admin/app/styles/layouts/members.css
View file

@ -1514,11 +1514,20 @@ p.gh-members-import-errordetail:first-of-type {
width: 100%; width: 100%;
max-width: 600px; max-width: 600px;
height: 300px; height: 300px;
margin-bottom: 1.7em; margin-bottom: 8px;
background: #fafafa no-repeat 50%; background: #fafafa no-repeat 50%;
background-size: cover; background-size: cover;
} }
.labs-newsletter-settings .gh-members-emailpreview-featureimage-caption {
width: 100%;
max-width: 600px;
padding-bottom: 30px;
text-align: center;
color: var(--midgrey);
font-size: 1.3rem;
}
.gh-members-emailpreview-content { .gh-members-emailpreview-content {
padding-bottom: 20px; padding-bottom: 20px;
border-bottom: 1px solid #e5eff5; border-bottom: 1px solid #e5eff5;