Files app: List and grid views: disable cursor when another control is active

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

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

@@ -1784,8 +1784,10 @@ body[type='full-page'] .thumbnail-frame > .img-container {
   position: relative;
 }
 
-body[type='full-page'] .thumbnail-frame > .img-container,
-body[type='full-page'] .detail-name .detail-icon {
+html:not(.pointer-active) body[type='full-page'] .thumbnail-frame > .img-container,
+body[type='full-page'] .thumbnail-frame > .img-container:active,
+html:not(.pointer-active) body[type='full-page'] .detail-name .detail-icon,
+body[type='full-page'] .detail-name .detail-icon:active {
   cursor: pointer;
 }
 
@@ -1859,13 +1861,17 @@ body.files-ng #list-container .thumbnail-grid li {
 
 body.files-ng grid .thumbnail-bottom .detail-icon {
   color: var(--google-grey-700);
-  cursor: pointer;
   height: 40px;
   padding-inline-end: 6px;
   padding-inline-start: 6px;
   width: 32px;
 }
 
+html:not(.pointer-active) body.files-ng grid .thumbnail-bottom .detail-icon,
+body.files-ng grid .thumbnail-bottom .detail-icon:active {
+  cursor: pointer;
+}
+
 .thumbnail-grid .thumbnail-frame {
   height: 100%;
   width: 100%;