TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-28 05:37:34 +03:00
Code Issues Projects Releases Wiki Activity

Added support for center-aligning comments link in email preview

Browse Source 
Refs https://github.com/TryGhost/Team/issues/2714

- When center-aligning the post title, the meta data and comments link are also centered
This commit is contained in:
Sanne de Vries 2023-03-15 10:12:20 +01:00
parent c538e39d33
commit 03b8715276
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ghost/admin/app/components/modals/newsletters/edit/preview-labs.hbs
View File

@ -28,9 +28,9 @@
{{#if @newsletter.showPostTitleSection}}
<div class="gh-members-emailpreview-title {{if (eq @newsletter.titleAlignment "left") "gh-members-emailpreview-title-left"}}">
<h2 class="{{if (eq @newsletter.titleFontCategory "serif") "serif"}}">Your email newsletter</h2>
<div class="flex justify-between w-100">
<div class="flex justify-between w-100 {{if (eq @newsletter.titleAlignment "center") "flex-column"}}">
<p>By {{or this.session.user.name this.session.user.email}} on {{moment-format (moment-site-tz) "D MMM YYYY"}}</p>
<div>
<div class="{{if (eq @newsletter.titleAlignment "center") "gh-members-emailpreview-meta-center"}}">
<a href="javascript:">View in browser</a>
{{!-- {{#if newsletter.showCommentCta}} --}}
<a href="javascript:"> {{svg-jar "comments"}}</a>

6
ghost/admin/app/styles/layouts/members.css
View File

@ -2068,6 +2068,10 @@ p.gh-members-import-errordetail:first-of-type {
color: #15212A;
}
.gh-members-emailpreview-meta-center {
text-align: center;
}
.gh-members-emailpreview-labs .gh-members-emailpreview-title p {
padding: 0 0 4px;
color: var(--midgrey);
@ -2092,7 +2096,7 @@ p.gh-members-import-errordetail:first-of-type {
.gh-members-emailpreview-labs .gh-members-emailpreview-title a svg {
display: inline-block;
margin: -2px 0 0 12px;
margin: -2px 0 0 10px;
vertical-align: middle;
width: 16px;
height: 16px;