commit ed267d27ef91d51d66032783cf5e1f295e5967e2
author Joe Gregorio <jcgregorio@google.com> Thu Jul 09 16:11:21 2020 -0400
committer Joe Gregorio <jcgregorio@google.com> Thu Jul 09 20:12:57 2020 +0000
tree 04a82596238f585e4c1402005bff984d9a7d4977
parent 2a251850405ca966dda93bc1d481396e889ae38b

[perf] Style the scrollbars.

Change-Id: Idc8bb135da16fc75d12afc00e4ef853990d05f17
Reviewed-on: https://skia-review.googlesource.com/c/buildbot/+/301585
Reviewed-by: Joe Gregorio <jcgregorio@google.com>

perf/modules/themes/themes.scss

diff --git a/perf/modules/themes/themes.scss b/perf/modules/themes/themes.scss
index 23ca4fa..42a3d45 100644
--- a/perf/modules/themes/themes.scss
+++ b/perf/modules/themes/themes.scss
@@ -60,3 +60,38 @@
     background-color: var(--surface-1dp);
   }
 }
+
+/* autoprefixer: off */
+
+/* Turn on a 13x13 scrollbar */
+::-webkit-scrollbar {
+  width: 13px;
+  height: 13px;
+}
+
+/* Turn off single button up on top and down on bottom */
+::-webkit-scrollbar-button:start:decrement,
+::-webkit-scrollbar-button:end:increment,
+::-webkit-scrollbar-button:vertical:start:increment,
+::-webkit-scrollbar-button:vertical:end:decrement {
+  display: none;
+}
+
+/* Track below and above */
+::-webkit-scrollbar-track-piece {
+  background-color: var(--background);
+  border: solid 1px var(--surface-2dp);
+}
+
+/* The thumb itself */
+::-webkit-scrollbar-thumb {
+  border: solid 1px var(--on-surface);
+  background: var(--surface-1dp);
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+  background: var(--surface);
+}
+
+/* autoprefixer: on */