From 6be889493f32a34d16185508ece0f0a8a4ad13a4 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 | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss
index fe37a07495e..091515fa4e8 100644
--- a/apps/files/css/files.scss
+++ b/apps/files/css/files.scss
@@ -473,9 +473,16 @@ 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.filename {
@@ -632,7 +639,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 {