From 317c77f70f4c1c89c48dc27c7a95b35742fc313c Mon Sep 17 00:00:00 2001
From: "Jan C. Borchardt" <hey@jancborchardt.net>
Date: Tue, 13 Apr 2021 17:00:15 +0200
Subject: [PATCH] Improve focus feedback for file list actions

Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
---
 apps/files/css/files.scss | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss
index 7f44cc6c17..66e2f2af1d 100644
--- a/apps/files/css/files.scss
+++ b/apps/files/css/files.scss
@@ -476,10 +476,18 @@ table td.selection {
 }
 
 /* Use label to have bigger clickable size for checkbox */
-#fileList tr td.selection>.selectCheckBox + label,
-.select-all + label {
-	padding: 16px;
+#fileList tr td.selection>.selectCheckBox,
+.select-all {
+	& + label {
+		padding: 16px;
+	}
+
+	&:focus + label {
+		background-color: var(--color-background-hover);
+		border-radius: var(--border-radius-pill);
+	}
 }
+
 #fileList tr td.selection>.selectCheckBox:focus-visible + label,
 .select-all:focus-visible + label {
 	outline-offset: 0px;
@@ -639,7 +647,11 @@ a.action > img {
 			}
 		}
 		&:hover, &:focus {
-			opacity: .7;
+			opacity: 1;
+		}
+		&:focus {
+			background-color: var(--color-background-hover);
+			border-radius: var(--border-radius-pill);
 		}
 	}
 	.fileActionsMenu a.action, a.action.action-share.shared-style {