Style non-select filter labels to match
Non-select filter labels and their contents were misaligned. They were also shorter with lighter hover backgrounds. Everything should match up now. There's only one currently, but I used general selectors which should work in case any new ones are added.
This commit is contained in:
parent
e84afd9a20
commit
c1b47e4b23
|
@ -417,13 +417,6 @@ select {
|
||||||
background-color: hsla(0, 0%, 50%, .2);
|
background-color: hsla(0, 0%, 50%, .2);
|
||||||
}
|
}
|
||||||
|
|
||||||
#only-updates {
|
|
||||||
position: relative;
|
|
||||||
left: -5px;
|
|
||||||
margin-top: 2px;
|
|
||||||
margin-bottom: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.checkmate {
|
.checkmate {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 12px;
|
height: 12px;
|
||||||
|
@ -821,10 +814,21 @@ input[id^="manage.newUI"] {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#filters label {
|
#filters > label {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding-left: 20px;
|
left: -9px;
|
||||||
|
padding: 2px 0 2px 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#filters > label input[type="checkbox"]:not(.slider),
|
||||||
|
#filters > label input[type="checkbox"]:not(.slider):checked + .svg-icon.checked {
|
||||||
|
top: 2px;
|
||||||
|
left: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#filters > label:hover {
|
||||||
|
background-color: hsla(0, 0%, 50%, .4);
|
||||||
}
|
}
|
||||||
|
|
||||||
#filters {
|
#filters {
|
||||||
|
|
Loading…
Reference in New Issue
Block a user