From 733a015a93f19d5e9f7835db6799016cd9178e74 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?=
 <skjnldsv@protonmail.com>
Date: Mon, 30 Jul 2018 13:20:37 +0200
Subject: [PATCH] Only lower opacity of the avatar if the checkbox is cheked on
 the content-list
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
---
 core/css/apps.scss | 27 ++++++++++++++++-----------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/core/css/apps.scss b/core/css/apps.scss
index d8b2def9e5..ae941f326e 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;
+				}
 			}
 		}