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

Fixed minor email preview visual bugs

No ref
This commit is contained in:
Sanne de Vries 2023-01-23 10:46:30 +01:00
parent 2a01dd0481
commit 4b61f23bd0
4 changed files with 14 additions and 5 deletions

View file

@ -2109,7 +2109,7 @@ Dashboard Resource */
color: var(--black); color: var(--black);
font-size: 1.45rem; font-size: 1.45rem;
font-weight: 600; font-weight: 600;
line-height: 1.4em; line-height: 1.5em;
} }
.gh-dashboard-resource .gh-dashboard-list-body { .gh-dashboard-resource .gh-dashboard-list-body {

View file

@ -259,7 +259,7 @@
/* Mobile preview */ /* Mobile preview */
.gh-post-preview-iframe { .gh-post-preview-iframe {
transform: scale(0.84); transform: scale(0.8);
transform-origin: 0 0; transform-origin: 0 0;
width: 361px; width: 361px;
height: 786px; height: 786px;
@ -284,6 +284,12 @@
overflow: auto; overflow: auto;
} }
@media (max-width: 1024px) {
.gh-post-preview-email-container {
height: calc(100vh - 64px);
}
}
.gh-post-preview-email-mockup { .gh-post-preview-email-mockup {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -302,7 +308,7 @@
0 41.8px 33.4px rgba(0, 0, 0, 0.05), 0 41.8px 33.4px rgba(0, 0, 0, 0.05),
0 100px 80px rgba(0, 0, 0, 0.07); 0 100px 80px rgba(0, 0, 0, 0.07);
; ;
border-radius: 3px; border-radius: 3px 3px 0 0;
} }
.gh-post-preview-email-container iframe { .gh-post-preview-email-container iframe {

View file

@ -138,13 +138,14 @@
line-height: 1.8em; line-height: 1.8em;
} }
p.gh-preview-newsletter-name { .gh-email-preview-newsletter-select p.gh-preview-newsletter-name {
color: var(--darkgrey); color: var(--darkgrey);
font-weight: 600; font-weight: 600;
} }
p .gh-preview-email-address { p .gh-preview-email-address {
color: var(--midlightgrey); color: var(--midlightgrey);
font-weight: 500;
} }
.gh-preview-email-subject { .gh-preview-email-subject {

View file

@ -266,11 +266,13 @@ pre {
color: #ffffff; color: #ffffff;
} }
p code { p code,
li code {
background: #F2F7FA; background: #F2F7FA;
word-break: break-all; word-break: break-all;
padding: 1px 7px; padding: 1px 7px;
border-radius: 3px; border-radius: 3px;
color: {{accentColor}};
} }
figure blockquote p { figure blockquote p {