TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-28 22:43:30 +03:00
Code Issues Projects Releases Wiki Activity

Tweaked the email notifications in the staff profile to look a little less weird

Browse Source 
refs https://github.com/TryGhost/Team/issues/1774
This commit is contained in:
James Morris 2022-08-10 16:13:27 +01:00
parent be7fa97144
commit 40d5b213f9
2 changed files with 38 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
ghost/admin/app/styles/layouts/user.css
View File

@ -172,14 +172,26 @@
/* Notifications */
.user-settings-heading {
border-top: 1px solid var(--lightgrey);
padding-top: 4vw;
margin-top: 4vw;
margin-bottom: 3rem;
font-size: 1.55rem;
font-weight: 700;
line-height: 1.3em;
}
.user-settings-subgroup {
border-top: 1px solid var(--lightgrey);
font-size: 1.55rem;
font-weight: 700;
line-height: 1.3em;
padding-top: 3vw;
margin-top: 4vw;
margin-bottom: -1vw;
}
.user-settings-subgroup .form-group {
margin-bottom: 0;
}
.user-setting-toggle {
display: flex;
justify-content: space-between;

44
ghost/admin/app/templates/settings/staff/user.hbs
View File

@ -298,28 +298,30 @@
</GhFormGroup>
{{#if (feature 'comments')}}
<h4 class="user-settings-heading">Email notifications</h4>
<GhFormGroup @errors={{this.user.errors}} @hasValidated={{this.user.hasValidated}} @property="email">
<div class="user-setting-toggle">
<div>
<label for="user-email">Comments</label>
<p>Receive notifications when members comment on one of your posts</p>
</div>
<div class="for-switch">
<label class="switch" for="comment-notifications">
<input
id="comment-notifications"
type="checkbox"
checked={{this.user.commentNotifications}}
class="gh-input"
{{on "change" this.toggleCommentNotifications}}
data-test-checkbox="comment-notifications"
>
<span class="input-toggle-component"></span>
</label>
</div>
<div class="user-settings-subgroup">
<h4 class="user-settings-heading">Email notifications</h4>
<GhFormGroup @errors={{this.user.errors}} @hasValidated={{this.user.hasValidated}} @property="email">
<div class="user-setting-toggle">
<div>
<label for="user-email">Comments</label>
<p>Receive notifications when members comment on one of your posts</p>
</div>
<div class="for-switch">
<label class="switch" for="comment-notifications">
<input
id="comment-notifications"
type="checkbox"
checked={{this.user.commentNotifications}}
class="gh-input"
{{on "change" this.toggleCommentNotifications}}
data-test-checkbox="comment-notifications"
>
<span class="input-toggle-component"></span>
</label>
</div>
</div>
</GhFormGroup>
</div>
</GhFormGroup>
{{/if}}
</fieldset>