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:
John Molakvoæ (skjnldsv) 2018-07-30 13:20:37 +02:00
parent 566800b29c
commit 733a015a93
No known key found for this signature in database
GPG Key ID: 60C25B8C072916CF
1 changed files with 16 additions and 11 deletions

View File

@ -1110,12 +1110,16 @@ $popovericon-size: 16px;
width: 40px; width: 40px;
display: flex; display: flex;
z-index: 50; z-index: 50;
+ .app-content-list-item-icon { }
.app-content-list-item-checkbox.checkbox {
&:checked {
// if checked, lower the opacity of the avatar
+ label + .app-content-list-item-icon {
opacity: .7; opacity: .7;
} }
} }
+ label {
.app-content-list-item-checkbox.checkbox + label {
top: 14px; top: 14px;
left: 7px; left: 7px;
&::before { &::before {
@ -1126,6 +1130,7 @@ $popovericon-size: 16px;
display: none; display: none;
} }
} }
}
.app-content-list-item-star { .app-content-list-item-star {
top: 10px; top: 10px;