Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00
Code Issues Activity

Members filter UI refinements

Browse source 
- changed copy for label filter relation
- fixed darkmode bug
- unified label dropdown tag colors
This commit is contained in:
Peter Zimon 2021-09-10 15:01:59 +02:00
parent 50b102ef33
commit c0a5d25c46
3 changed files with 19 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ghost/admin/app/components/gh-members-filter-labs.js
View file

@ -56,8 +56,8 @@ const FILTER_RELATIONS_OPTIONS = {
{label: 'is not', name: 'is-not'} {label: 'is not', name: 'is-not'}
], ],
label: [ label: [
{label: 'is in', name: 'is'}, {label: 'is', name: 'is'},
{label: 'is not in', name: 'is-not'} {label: 'is not', name: 'is-not'}
], ],
email_count: [ email_count: [
{label: 'is', name: 'is'}, {label: 'is', name: 'is'},

12
ghost/admin/app/styles/app-dark.css
View file

@ -981,3 +981,15 @@ input:focus,
top: 0; top: 0;
right: -2px; right: -2px;
} }
.gh-list-scrolling thead th {
background: linear-gradient(90deg, rgba(21,23,25,1) 90%, rgba(21,23,25,0) 100%);
}
.gh-list-scrolling tbody .gh-list-data:first-child {
background: linear-gradient(90deg, rgba(21,23,25,1) 90%, rgba(21,23,25,0) 100%);
}
.gh-filter-builder .gh-filters {
background: var(--whitegrey);
}

10
ghost/admin/app/styles/components/power-select.css
View file

@ -205,12 +205,12 @@
.ember-power-select-multiple-option { .ember-power-select-multiple-option {
margin: 2px; margin: 2px;
padding: 2px 6px; padding: 2px 6px;
border: 1px solid var(--black-20);
border-radius: 3px; border-radius: 3px;
font-size: 0.93em; font-size: 0.93em;
font-weight: 500; font-weight: 500;
color: white; border: 1px solid var(--whitegrey-d1);
background: var(--black); color: var(--darkgrey);
background: var(--whitegrey-d1);
} }
.ember-power-select-multiple-remove-btn { .ember-power-select-multiple-remove-btn {
@ -227,9 +227,9 @@
} }
.ember-power-select-multiple-remove-btn svg path { .ember-power-select-multiple-remove-btn svg path {
stroke: white;
stroke-width: 2px; stroke-width: 2px;
fill: white; stroke: var(--black);
fill: var(--black);
} }
.ember-power-select-trigger-multiple-input { .ember-power-select-trigger-multiple-input {