tqt
/
Ghost-Admin
mirror of https://github.com/TryGhost/Ghost-Admin.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Updated email design UI

This commit is contained in:
Peter Zimon 2021-02-10 11:29:54 +01:00
parent 176d9807c3
commit 7538cef08b
3 changed files with 9 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/components/modal-email-design-settings.hbs
View File

@ -26,7 +26,7 @@
</div>
<div class="modal-fullsettings-section">
<GhFormGroup @classNames="vertical">
<h4 class="modal-fullsettings-title">Typography</h4>
<h4 class="modal-fullsettings-title">Body font</h4>
<div class="modal-fullsettings-radiogroup gh-email-design-typography">
<div class="gh-radio {{if (eq this.bodyFontCategory "serif") "active"}}"
{{on "click" (fn this.setBodyFontCategory "serif")}}
@ -120,7 +120,7 @@
@buttonText="Save and close"
@successText="Saved"
@task={{this.saveSettings}}
@idleClass="gh-btn-blue"
@idleClass="gh-btn-primary"
@class="gh-btn gh-btn-icon"
data-test-button="save-members-modal-setting"
/>

12
app/styles/components/modals.css
View File

@ -236,6 +236,7 @@
.modal-fullsettings-topbar {
height: 66px;
padding: 0 24px;
}
.modal-fullsettings-heading {
@ -245,7 +246,6 @@
font-weight: 600;
padding: 0 24px;
margin: 0 -24px 1px;
border-bottom: 1px solid var(--whitegrey);
}
.modal-fullsettings-form {
@ -258,7 +258,7 @@
}
.modal-fullsettings-section.first {
margin-top: 20px;
margin-top: 8px;
}
.modal-fullsettings-section.divider-top {
@ -332,22 +332,20 @@
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 0 20px 20px;
padding: 0;
border-left: 1px solid var(--whitegrey);
}
.modal-fullsettings-preview-container {
border: 1px solid var(--whitegrey);
border-radius: 5px;
overflow: hidden;
background: var(--whitegrey-l1);
height: calc(100vh - 150px);
height: calc(100vh - 126px);
overflow-y: scroll;
}
.modal-fullsettings-preview-hidescrollbar {
overflow: hidden;
height: calc(100vh - 150px);
height: calc(100vh - 126px);
background: var(--whitegrey-l1);
border: 1px solid var(--whitegrey);
border-radius: 5px;

5
app/styles/layouts/members.css
View File

@ -1183,7 +1183,7 @@ p.gh-members-import-errordetail:first-of-type {
.gh-email-design-typography .active .gh-radio-content {
border: 1px solid transparent;
box-shadow: 0px 0px 0px 2px var(--blue);
box-shadow: 0px 0px 0px 2px var(--green);
}
.gh-email-design-typography .gh-radio-button {
@ -1244,7 +1244,6 @@ p.gh-members-import-errordetail:first-of-type {
}
.gh-members-emailsettings-footer {
border-top: 1px solid var(--whitegrey);
padding-top: 20px;
margin-bottom: 4px;
}
@ -1322,7 +1321,7 @@ p.gh-members-import-errordetail:first-of-type {
margin: 0;
height: 78px;
padding: 0 24px;
border-bottom: 1px solid var(--lightgrey-d1);
border-bottom: 1px solid var(--whitegrey);
background: var(--white);
border-top-left-radius: 12px;
border-top-right-radius: 12px;