Change Audio and Video Player sliders to pointer cursor

Quick view: Style audio and video to have cursor pointer on their buttons

Bug: 848216
Change-Id: I181cd2d3da2721d8c5bce837f0721435d4850297
Reviewed-on: https://chromium-review.googlesource.com/c/1341730Reviewed-by: Noel Gordon <noel@chromium.org>
Commit-Queue: Luciano Pacheco <lucmult@chromium.org>
Cr-Commit-Position: refs/heads/master@{#609190}

ui/file_manager/audio_player/elements/control_panel.css

@@ -93,6 +93,10 @@
   opacity: 0; /* This class is intended to be used as invisible spacer. */
 }
 
+paper-slider {
+  cursor: pointer;
+}
+
 .time-volume-controls > paper-slider {
   --paper-slider-active-color: rgb(66, 133, 244);
   --paper-slider-knob-color: rgb(64, 138, 241);

ui/file_manager/file_manager/foreground/elements/files_safe_audio_webview_content.css

@@ -29,6 +29,12 @@ img {
   display: none;
 }
 
+audio::-webkit-media-controls-timeline,
+audio::-webkit-media-controls-mute-button,
+audio::-webkit-media-controls-play-button {
+  cursor: pointer;
+}
+
 audio::-webkit-media-controls-volume-slider {
   display: none;
 }

ui/file_manager/file_manager/foreground/elements/files_safe_video_webview_content.css

@@ -6,9 +6,9 @@
   bottom: 0;
   left: 0;
   margin: auto;
-  min-width: 192px;
   max-height: 100%;
   max-width: 100%;
+  min-width: 192px;
   padding: 0;
   position: absolute;
   right: 0;
@@ -30,6 +30,12 @@ img {
   display: none;
 }
 
+video::-webkit-media-controls-timeline,
+video::-webkit-media-controls-mute-button,
+video::-webkit-media-controls-play-button {
+  cursor: pointer;
+}
+
 video::-webkit-media-controls-fullscreen-button,
 video::-webkit-media-controls-volume-slider {
   display: none;

ui/file_manager/video_player/video_player.html

@@ -34,7 +34,10 @@
           background-color: black;
         };
       }
+
       paper-slider {
+        cursor: pointer;
+
         --paper-slider-knob-color: rgb(64, 138, 241);
         --paper-slider-active-color: rgb(66, 133, 244);
       }