chromium/src
0
Fork 0
Code Activity

[directorytree] Show CSS focus rings only for keyboard interaction

Browse Source 
DirectoryTree displays focus rings when the keyboard or pointer device
(mouse/pointer/touch) is used for interaction in files-ng.

Change that: only show focus rings for keyboard interaction, using the
global focus-outline-visible class provided by the cr.ui.focus_outline
visibility manager.

Bug: 1062902, 992819
Change-Id: Idb94a7be5582cfa4ae7429f04d53b95c8c855596
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2114512
Reviewed-by: Alex Danilo <adanilo@chromium.org>
Reviewed-by: Luciano Pacheco <lucmult@chromium.org>
Commit-Queue: Noel Gordon <noel@chromium.org>
Cr-Commit-Position: refs/heads/master@{#753531}
This commit is contained in:
Noel Gordon
2020-03-26 06:27:18 +00:00
committed by Commit Bot
parent d58e2ed1f1
commit 0042f30ed0
1 changed files with 1 additions and 1 deletions

2
ui/file_manager/file_manager/foreground/css/file_manager.css

@ -309,7 +309,7 @@ html:not(.col-resize) #directory-tree
background-color: var(--google-grey-100);
}
#directory-tree:focus .tree-row[selected] > .file-row {
html.focus-outline-visible #directory-tree:focus .tree-row[selected] > .file-row {
border: 1px solid var(--google-blue-600);
}