Only lower opacity of the avatar if the checkbox is cheked on the content-list
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
parent
566800b29c
commit
733a015a93
|
@ -1110,20 +1110,25 @@ $popovericon-size: 16px;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
display: flex;
|
display: flex;
|
||||||
z-index: 50;
|
z-index: 50;
|
||||||
+ .app-content-list-item-icon {
|
|
||||||
opacity: .7;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-content-list-item-checkbox.checkbox + label {
|
.app-content-list-item-checkbox.checkbox {
|
||||||
top: 14px;
|
&:checked {
|
||||||
left: 7px;
|
// if checked, lower the opacity of the avatar
|
||||||
&::before {
|
+ label + .app-content-list-item-icon {
|
||||||
margin: 0;
|
opacity: .7;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
/* Hide the star, priority to the checkbox */
|
+ label {
|
||||||
~ .app-content-list-item-star {
|
top: 14px;
|
||||||
display: none;
|
left: 7px;
|
||||||
|
&::before {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
/* Hide the star, priority to the checkbox */
|
||||||
|
~ .app-content-list-item-star {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue