From cbe54e096b5904e48ef2e61d84484dc5ef7ef6a4 Mon Sep 17 00:00:00 2001
From: "John Molakvoæ (skjnldsv)" <skjnldsv@protonmail.com>
Date: Wed, 1 Aug 2018 10:52:01 +0200
Subject: Only show checkbox on hover/focus + accessibility fixes
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 | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/core/css/apps.scss b/core/css/apps.scss
index 63dd5759a7f..62c8426206b 100644
--- a/core/css/apps.scss
+++ b/core/css/apps.scss
@@ -1095,6 +1095,10 @@ $popovericon-size: 16px;
 		&:focus,
 		&.active {
 			background-color: var(--color-background-dark);
+			// display checkbox on hover/focus/active
+			.app-content-list-item-checkbox.checkbox + label {
+				display: flex;
+			}
 		}
 
 		.app-content-list-item-checkbox.checkbox + label,
@@ -1102,20 +1106,28 @@ $popovericon-size: 16px;
 			position: absolute;
 			height: 40px;
 			width: 40px;
-			display: flex;
 			z-index: 50;
 		}
 
 		.app-content-list-item-checkbox.checkbox {
-			&:checked {
-				// if checked, lower the opacity of the avatar
-				+ label + .app-content-list-item-icon {
-					opacity: .7;
+			&:checked,
+			&:hover,
+			&:focus,
+			&.active {
+				+ label {
+					// display checkbox if checked
+					display: flex;
+					// if checked, lower the opacity of the avatar
+					+ .app-content-list-item-icon {
+						opacity: .7;
+					}
 				}
 			}
 			+ label {
 				top: 14px;
 				left: 7px;
+				// hidden by default, only chown on hover-focus or if checked
+				display: none;
 				&::before {
 					margin: 0;
 				}
@@ -1127,6 +1139,7 @@ $popovericon-size: 16px;
 		}
 
 		.app-content-list-item-star {
+			display: flex;
 			top: 10px;
 			left: 32px;
 			background-size: 16px;
-- 
cgit v1.2.3


From 5f372b1cd54174a6e82e819c97a7d9488df6ea3e Mon Sep 17 00:00:00 2001
From: "John Molakvoæ (skjnldsv)" <skjnldsv@protonmail.com>
Date: Thu, 2 Aug 2018 10:31:36 +0200
Subject: Add class to show all checkboxes
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 | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/core/css/apps.scss b/core/css/apps.scss
index 62c8426206b..104300f19fa 100644
--- a/core/css/apps.scss
+++ b/core/css/apps.scss
@@ -1209,4 +1209,7 @@ $popovericon-size: 16px;
 			}
 		}
 	}
+	&.selection .app-content-list-item-checkbox.checkbox + label {
+		display: flex;
+	}
 }
-- 
cgit v1.2.3