Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-04-01 02:41:39 -05:00
Code Issues Activity

Updated new mention email template design

Browse source 
refs https://github.com/TryGhost/Team/issues/2491
This commit is contained in:
Djordje Vlaisavljevic 2023-02-22 15:11:14 +00:00
parent 5a7138bb4b
commit 1b3d19ba81
2 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
ghost/staff-service/lib/email-templates/new-mention-received.hbs
View file

@ -30,16 +30,16 @@
<figure style="margin:0 0 1.5em;padding:0;width:100%;">
<a style="display:flex;min-height:148px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;background:#F9F9FA;border-radius:3px;border:1px solid #F9F9FA;color:#15171a;text-decoration:none" href="{{sourceUrl}}">
<div style="display:inline-block; width:100%; padding:20px">
<div style="color:#15212a;font-size:15px;line-height:1.5em;font-weight:600">{{sourceTitle}}</div>
<div style="color:#15212a;font-size:16px;line-height:1.3em;font-weight:600">{{sourceTitle}}</div>
<div style="display:-webkit-box;overflow-y:hidden;margin-top:12px;max-height:40px;color:#738a94;font-size:13px;line-height:1.5em;font-weight:400">{{sourceExcerpt}}</div>
<div style="display:flex;margin-top:14px;color:#15212a;font-size:13px;font-weight:400">
{{#if sourceFavicon}}<img style="border:none;max-width:100%;margin-right:8px;width:22px;height:22px" src="{{sourceFavicon}}" alt="">{{/if}}
{{#if sourceSiteTitle}}<span style="line-height:1.5em">{{sourceSiteTitle}}</span>{{/if}}
{{#if sourceAuthor}}<span style="line-height:1.5em">&nbsp;&#x2022;&nbsp;{{sourceAuthor}}</span>{{/if}}
{{#if sourceSiteTitle}}<span style="font-size:13px;line-height:1.5em">{{sourceSiteTitle}}</span>{{/if}}
{{#if sourceAuthor}}<span style="font-size:13px;line-height:1.5em">&nbsp;&#x2022;&nbsp;{{sourceAuthor}}</span>{{/if}}
</div>
</div>
{{#if sourceFeaturedImage}}
<div style="position: relative;flex-grow: 1;min-width: 33%;min-width: 140px; max-width: 180px;" style="background-image: url('{{sourceFeaturedImage}}')">
<div style="position: relative;flex-grow: 1;min-width: 33%;min-width: 140px; max-width: 180px;" style="background-image: url('{{sourceFeaturedImage}}')" class="new-mention-thumbnail">
<img src="{{sourceFeaturedImage}}" style="border: none; -ms-interpolation-mode: bicubic; max-width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0 3px 3px 0; object-fit: cover; max-height: 100%;"/>
</div>
{{/if}}

3
ghost/staff-service/lib/email-templates/partials/styles.hbs
View file

@ -46,6 +46,9 @@
table[class=body] a[class=small] {
font-size: 11px !important;
}
.new-mention-thumbnail {
display: none !important;
}
}
/* -------------------------------------
PRESERVE THESE STYLES IN THE HEAD