Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-03-04 02:01:58 -05:00
Code Issues Activity

Made newsletter preference toggles more compact on Member details screen

Browse source 
ref https://linear.app/tryghost/issue/DES-818/toggles-are-huge-lets-make-them-more-elegant

- They were too big and stood out too much on this screen, the `xs` variant fits better
This commit is contained in:
Djordje Vlaisavljevic 2024-10-10 10:35:14 +01:00
parent bce8687004
commit 3c3b001df2
2 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ghost/admin/app/components/member/newsletter-preference.hbs
View file

@ -7,7 +7,7 @@
<div>
<h4 class="gh-member-newsletter-title">{{newsletter.name}}</h4>
</div>
<div class="for-switch {{if this.suppressionData.suppressed 'disabled'}}">
<div class="for-switch xs {{if this.suppressionData.suppressed 'disabled'}}">
<label class="switch" for={{newsletter.forId}}>
<Input
@checked={{newsletter.subscribed}}

4
ghost/admin/app/styles/layouts/members.css
View file

@ -1101,6 +1101,10 @@ textarea.gh-member-details-textarea {
padding: 16px 0;
}
.gh-member-newsletter-row .for-switch {
display: flex;
}
.gh-member-newsletter-row:first-child {
padding-top: 0;
}