Only lower opacity of the avatar if the checkbox is cheked on the content-list

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

1 files changed, 16 insertions, 11 deletions

diff --git a/core/css/apps.scss b/core/css/apps.scss
index d8b2def9e5f..ae941f326e9 100644
--- a/core/css/apps.scss
+++ b/core/css/apps.scss
@@ -1110,20 +1110,25 @@ $popovericon-size: 16px;
 			width: 40px;
 			display: flex;
 			z-index: 50;
-			+ .app-content-list-item-icon {
-				opacity: .7;
-			}
 		}
 
-		.app-content-list-item-checkbox.checkbox + label {
-			top: 14px;
-			left: 7px;
-			&::before {
-				margin: 0;
+		.app-content-list-item-checkbox.checkbox {
+			&:checked {
+				// if checked, lower the opacity of the avatar
+				+ label + .app-content-list-item-icon {
+					opacity: .7;
+				}
 			}
-			/* Hide the star, priority to the checkbox */
-			~ .app-content-list-item-star {
-				display: none;
+			+ label {
+				top: 14px;
+				left: 7px;
+				&::before {
+					margin: 0;
+				}
+				/* Hide the star, priority to the checkbox */
+				~ .app-content-list-item-star {
+					display: none;
+				}
 			}
 		}