fix(files): remove focus outline on file list item click

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>

diff --git a/apps/files/src/components/FilesListVirtual.vue b/apps/files/src/components/FilesListVirtual.vue
index c640ad72aca5140dd9af350b6d0072b88a81e67f..ef2af91f1abb860a8fa61835ec10165b6df5543c 100644 (file)
--- a/apps/files/src/components/FilesListVirtual.vue
+++ b/apps/files/src/components/FilesListVirtual.vue
@@ -544,11 +544,13 @@ export default defineComponent({
                                }
 
                                // Keyboard indicator a11y
-                               &:focus .files-list__row-name-text,
-                               &:focus-visible .files-list__row-name-text {
+                               &:focus .files-list__row-name-text {
                                        outline: 2px solid var(--color-main-text) !important;
                                        border-radius: 20px;
                                }
+                               &:focus:not(:focus-visible) .files-list__row-name-text {
+                                       outline: none !important;
+                               }
                        }
 
                        .files-list__row-name-text {