Updated email font selector dropdowns

This commit is contained in:
Sanne de Vries 2021-06-07 23:05:53 +02:00
parent f5f37e822f
commit e1ce503e72
4 changed files with 20 additions and 13 deletions

View File

@ -5,7 +5,7 @@ export default class GhFontSelector extends Component {
get options() {
return [{
name: 'Elegant serif',
description: 'All site visitors to your site, no login required',
description: 'Beautiful lines with great readability',
value: 'serif'
}, {
name: 'Clean sans-serif',

View File

@ -66,7 +66,7 @@
data-test-file-input="icon" />
</div>
{{/if}}
<div>
<div class="gh-header-img-desc">
<h4>An optional branded image</h4>
<p>For best result use 1200x600 PNG image</p>
</div>

View File

@ -370,6 +370,10 @@
margin: 18px 0 0;
}
.labs-newsletter-settings .modal-fullsettings-radiogroup {
margin: 0;
}
.modal-fullsettings-radiogroup .gh-radio {
margin-bottom: 14px;
}
@ -393,8 +397,8 @@
display: flex;
align-items: center;
margin: 18px 0 0;
padding: 3px;
border: 1px solid var(--whitegrey);
padding: 4px;
border: 1px solid var(--whitegrey-d1);
border-radius: 3px;
}
@ -402,7 +406,7 @@
.labs-newsletter-settings .gh-header-img-uploadicon:hover,
.labs-newsletter-settings .gh-header-img-uploadicon:focus {
width: 56px;
height: 44px;
height: 50px;
margin-right: 11px;
border: 1px dashed var(--lightgrey);
background: transparent;
@ -469,6 +473,10 @@
height: 18px;
}
.labs-newsletter-setings .gh-header-img-desc {
padding: 6px 0;
}
.modal-fullsettings-uploader h4 {
margin: 0 !important;
padding: 0;

View File

@ -1244,6 +1244,12 @@ p.gh-members-import-errordetail:first-of-type {
align-items: center;
}
.labs-newsletter-settings .gh-email-design-typography .gh-radio-label {
padding: 12px 8px;
display: flex;
align-items: center;
}
.gh-email-design-typography .gh-radio-label .sample {
display: block;
font-size: 3.2rem;
@ -1252,13 +1258,6 @@ p.gh-members-import-errordetail:first-of-type {
width: 44px;
text-align: center;
}
.labs-newsletter-settings .gh-email-design-typography .gh-radio-label .sample {
font-weight: 400;
}
.labs-newsletter-settings .gh-email-design-typography .gh-radio-label .sample.title {
font-weight: 600;
}
.gh-email-design-typography .gh-radio-label .description h4 {
font-size: 1.3rem;
@ -1287,7 +1286,7 @@ p.gh-members-import-errordetail:first-of-type {
}
.gh-members-emailsettings-footer-input {
border: 1px solid var(--whitegrey);
border: 1px solid var(--whitegrey-d1);
padding: 0 12px 6px 12px;
height: 120px;
border-radius: 4px;