Files app: Fix 'open with' flickering

The item was flickering when pressing Tab key, because of different
background color for :focus. This list doesn't need a special color
for focused because it only has 1 element in the dialog.

Remove orange outline because the selection is indicated by the
background color.

Bug: 1029398,916099
Change-Id: I583d3cc92462920a4bd65716d9ed55b31c860da8
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1943767
Auto-Submit: Luciano Pacheco <lucmult@chromium.org>
Reviewed-by: Noel Gordon <noel@chromium.org>
Commit-Queue: Noel Gordon <noel@chromium.org>
Commit-Queue: Luciano Pacheco <lucmult@chromium.org>
Cr-Commit-Position: refs/heads/master@{#720100}

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

@@ -1439,6 +1439,11 @@ html[dir='rtl'] .badge {
   padding: 1px 0;
 }
 
+#default-tasks-list li {
+  height: 32px;
+  line-height: 32px;
+}
+
 #default-tasks-list > li > * {
   background-position: 5px center;
   background-repeat: no-repeat;
@@ -1449,16 +1454,20 @@ html[dir='rtl'] .badge {
 #list-container list > li[selected],
 #list-container list > li:active,
 #list-container list > li.accepts,
-#list-container list:focus > li[lead],
-#default-tasks-list > li[selected] {
+#list-container list:focus > li[lead] {
   background-color: rgb(232, 234, 237);
 }
 
 #list-container list:focus > li[selected],
 #list-container list:focus > li.accepts[selected],
-#list-container list:focus > li[lead],
-#default-tasks-list:focus > li[selected] {
+#list-container list:focus > li[lead] {
+  background-color: rgb(216, 223, 240);
+}
+
+#default-tasks-list:focus > li[selected],
+#default-tasks-list > li[selected] {
   background-color: rgb(216, 223, 240);
+  outline: none;
 }
 
 body.check-select #list-container list > li[lead]:not([selected]),
@@ -1651,11 +1660,6 @@ li[renaming=''] .badge {
   align-items: center;
 }
 
-#default-tasks-list li {
-  height: 32px;
-  line-height: 32px;
-}
-
 #list-container li.table-row {
   height: 40px;
   line-height: 40px;