Skip to content

Commit 3b620b4

Browse files
committed
Refined design details
1 parent 459a02d commit 3b620b4

File tree

4 files changed

+6
-9
lines changed

4 files changed

+6
-9
lines changed

ghost/admin/app/components/editor/email-size-warning.hbs

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -7,16 +7,14 @@
77
<span {{did-update this.checkEmailSize @post.updatedAtUTC}} class="gh-editor-email-size-warning-container">
88
<span class="gh-editor-email-size-warning gh-editor-email-size-warning--{{this.warningLevel}}" data-warning-active={{if this.warningLevel "true" "false"}}>
99
{{#if this.warningLevel}}
10-
<span class="{{concat "gh-editor-email-warning-icon-" this.warningLevel}}">
11-
{{svg-jar "email-warning"}}
12-
</span>
10+
{{svg-jar "email-warning"}}
1311
{{/if}}
1412
</span>
1513
{{#if this.warningLevel}}
1614
<div class="gh-editor-email-size-popup">
1715
<div class="gh-editor-email-size-popup-title">Looks like this is a long post</div>
18-
<div class="gh-editor-email-size-popup-text">Email newsletters may get cut off in the inbox behind a "View entire message" link when they're over 100kB.</div>
19-
<div class="gh-editor-email-size-popup-used">You've used: <span class={{this.warningLevel}}>{{this.emailSizeKb}}kB</span></div>
16+
<div class="gh-editor-email-size-popup-text">Email newsletters may get clipped in the inbox behind a "View entire message" link when they're over 100kB.</div>
17+
<div class="gh-editor-email-size-popup-used">You've used: <span class="yellow">{{this.emailSizeKb}}kB</span></div>
2018
</div>
2119
{{/if}}
2220
</span>

ghost/admin/app/components/editor/modals/preview/email.hbs

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -94,8 +94,7 @@
9494
{{svg-jar "email-warning"}}
9595
<div>
9696
<div class="gh-email-preview-clip-title">Looks like this is a long post</div>
97-
<div class="gh-email-preview-clip-description">Email newsletters may get cut off in the inbox behind a “View entire message” link when they’re over 100kB. </div>
98-
<div class="gh-email-preview-clip-used">You’ve used: <span class="yellow-d1">{{emailSizeKb}}kB</span></div>
97+
<div class="gh-email-preview-clip-description">Email newsletters may get clipped in the inbox behind a “View entire message” link when they’re over 100kB. <span class="gh-email-preview-clip-used">You’ve used: <span class="yellow-d1">{{emailSizeKb}}kB</span></span></div>
9998
</div>
10099
</div>
101100
{{/if}}

ghost/admin/app/styles/layouts/editor.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -459,7 +459,7 @@
459459
}
460460

461461
.gh-editor-email-size-warning svg path {
462-
stroke: currentColor !important;
462+
stroke: var(--yellow) !important;
463463
}
464464

465465
.gh-editor-email-size-popup {

ghost/admin/app/styles/layouts/preview-email.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -302,7 +302,7 @@ p .gh-preview-email-address {
302302
}
303303

304304
.gh-email-preview-clip-container svg path {
305-
fill: var(--yellow-d1);
305+
stroke: var(--yellow-d1);
306306
}
307307

308308
.gh-email-preview-clip-title {

0 commit comments

Comments
 (0)