Refined email preview in publish menu

This commit is contained in:
Peter Zimon 2019-11-07 11:32:10 +07:00
parent 6dbcf96ab0
commit 3838686aa8
2 changed files with 14 additions and 13 deletions

View File

@ -42,7 +42,7 @@
right: 0;
margin: 5px 0 20px 0;
padding: 20px;
width: 300px;
width: 320px;
background-color: #fff;
background-clip: padding-box;
border-radius: 4px;
@ -123,6 +123,7 @@
line-height: 1.4em;
font-weight: 200;
color: color-mod(var(--midgrey) l(+10%));
margin-top: 2px;
}
.gh-publishmenu-radio-label:hover,
@ -227,7 +228,7 @@
.for-checkbox .gh-publishmenu-email-checkbox {
margin-right: 0;
margin-top: 2px;
margin-top: -2px;
background: var(--white);
}

View File

@ -42,24 +42,24 @@
<div class="gh-publishmenu-email-label">
<label class="gh-publishmenu-radio-label" for="email-when-published-checkbox">Email post</label>
{{#if this.memberCount}}
<div class="gh-publishmenu-radio-desc">Send post to {{this.memberCount}} members when published</div>
<div class="gh-publishmenu-radio-desc">Send post to members when published</div>
{{else}}
<div class="gh-publishmenu-radio-desc">You have 0 members</div>
{{/if}}
{{#unless this.deliveredAction}}
<div class="nudge-bottom--2">
<button type="button" class="gh-btn gh-btn-link gh-preview-email-button"
onclick={{action "toggleEmailPreviewModal"}} data-test-button="toggle-email-preview">
<span class="blue">
Preview email
</span>
</button>
</div>
{{/unless}}
</div>
{{/unless}}
{{/if}}
</div>
{{#unless this.deliveredAction}}
<div class="gh-publishmenu-preview-button">
<button type="button" class="gh-btn gh-btn-link gh-preview-email-button" onclick={{action "toggleEmailPreviewModal"}}
data-test-button="toggle-email-preview">
<span class="blue">
Preview in browser
</span>
</button>
</div>
{{/unless}}
{{/if}}
</section>