Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-30 22:34:01 -05:00
Code Issues Activity

WIP

Browse source 
ref https://linear.app/tryghost/issue/DES-818/toggles-are-huge-lets-make-them-more-elegant
This commit is contained in:
Djordje Vlaisavljevic 2024-10-10 13:40:06 +01:00
parent 2a5ba1c13c
commit a8a5b73adb
7 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ghost/admin/app/components/gh-post-settings-menu.hbs
View file

@ -126,7 +126,7 @@
<ul class="nav-list">
{{#if (and this.post.isPage this.post.lexical)}}
<li class="nav-list-item">
<div class="for-switch xs">
<div class="for-switch">
<label class="switch">
<span>
<Icons::EyeOpenClose class="feature" @closed={{not this.post.showTitleAndFeatureImage}} />
@ -154,7 +154,7 @@
{{/if}}
{{#unless this.session.user.isAuthorOrContributor}}
<li class="nav-list-item">
<div class="for-switch xs">
<div class="for-switch">
<label class="switch" for="featured" {{action "toggleFeatured" bubbles="false"}}>
<span>
{{#if this.post.featured}}

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 xs {{if this.suppressionData.suppressed 'disabled'}}">
<div class="for-switch {{if this.suppressionData.suppressed 'disabled'}}">
<label class="switch" for={{newsletter.forId}}>
<Input
@checked={{newsletter.subscribed}}

2
ghost/admin/app/components/members-activity/event-type-filter.hbs
View file

@ -18,7 +18,7 @@
{{svg-jar type.icon class="gh-member-activity-actions-menu-icon"}}
<span>{{type.name}}</span>
</label>
<div class="for-switch xxs">
<div class="for-switch xs">
<label class="switch" for="type-{{idx}}">
<input
data-test-id="event-type-filter-checkbox-{{type.event}}"

2
ghost/admin/app/components/stats/parts/audience-filter.hbs
View file

@ -14,7 +14,7 @@
<label for="type-{{idx}}">
<span>{{type.name}}</span>
</label>
<div class="for-switch xxs">
<div class="for-switch xs">
<label class="switch" for="type-{{idx}}">
<input
data-test-id="audience-type-filter-checkbox-{{type.value}}"

2
ghost/admin/app/styles/components/settings-menu.css
View file

@ -319,7 +319,7 @@ li.nav-list-item .switch {
padding: 2rem 2.4rem;
}
li.nav-list-item .for-switch.xs label {
li.nav-list-item .for-switch label {
width: initial;
height: initial !important;
}

4
ghost/admin/app/styles/layouts/member-activity.css
View file

@ -338,13 +338,13 @@
padding-bottom: 0;
}
.gh-member-activity-actions-menu--suppression.gh-member-activity-actions-menu .for-switch.xs label {
.gh-member-activity-actions-menu--suppression.gh-member-activity-actions-menu .for-switch label {
width: 34px !important;
height: 20px !important;
padding: 0;
}
.gh-member-activity-actions-menu--suppression.gh-member-activity-actions-menu .for-switch.xs {
.gh-member-activity-actions-menu--suppression.gh-member-activity-actions-menu .for-switch {
display: flex;
align-items: center;
}

4
ghost/admin/app/styles/layouts/post-history.css
View file

@ -161,7 +161,7 @@
background: var(--white);
}
.gh-post-history-footer .for-switch.xs {
.gh-post-history-footer .for-switch {
width: 100%;
}
@ -174,7 +174,7 @@
font-weight: 500;
}
.gh-post-history-footer .for-switch.xs label {
.gh-post-history-footer .for-switch label {
width: inherit !important;
height: inherit !important;
}