From 59b4a51cca374b9e11610c965c9eb6ba81529123 Mon Sep 17 00:00:00 2001
From: mmcw-dev <hi@mmcwilliams.com>
Date: Thu, 4 Jan 2018 23:42:57 -0500
Subject: [PATCH] Add scroll styles for scrollbar

---
 app/css/app.css      | 19 +++++++++++++++++++
 app/less/app.less    |  1 +
 app/less/scroll.less | 23 +++++++++++++++++++++++
 3 files changed, 43 insertions(+)
 create mode 100644 app/less/scroll.less

diff --git a/app/css/app.css b/app/css/app.css
index a9762b0..2d2014e 100644
--- a/app/css/app.css
+++ b/app/css/app.css
@@ -569,6 +569,25 @@ button:focus {
 .cmd .active i {
   color: #272b30;
 }
+::-webkit-scrollbar {
+  width: 8px;
+}
+::-webkit-scrollbar-track {
+  -webkit-border-radius: 10px;
+  border-radius: 10px;
+  background: rgba(0, 0, 0, 0.1);
+}
+::-webkit-scrollbar-thumb {
+  -webkit-border-radius: 10px;
+  border-radius: 10px;
+  background: rgba(0, 0, 0, 0.2);
+}
+::-webkit-scrollbar-thumb:hover {
+  background: rgba(0, 0, 0, 0.4);
+}
+::-webkit-scrollbar-thumb:window-inactive {
+  background: rgba(0, 0, 0, 0.05);
+}
 #log {
   position: fixed;
   width: 100%;
diff --git a/app/less/app.less b/app/less/app.less
index 6f238f5..9813cf7 100644
--- a/app/less/app.less
+++ b/app/less/app.less
@@ -5,6 +5,7 @@
 @import "./light.less";
 @import "./seq.less";
 @import "./cmd.less";
+@import "./scroll.less";
 
 #log{
 	position: fixed;
diff --git a/app/less/scroll.less b/app/less/scroll.less
new file mode 100644
index 0000000..e6b1759
--- /dev/null
+++ b/app/less/scroll.less
@@ -0,0 +1,23 @@
+::-webkit-scrollbar {
+    width:8px;
+}
+
+::-webkit-scrollbar-track {
+    -webkit-border-radius:10px;
+    border-radius:10px;
+    background:rgba(0,0,0,0.1);
+}
+
+::-webkit-scrollbar-thumb {
+    -webkit-border-radius:10px;
+    border-radius:10px;
+    background:rgba(0,0,0,0.2);
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background:rgba(0,0,0,0.4);
+}
+
+::-webkit-scrollbar-thumb:window-inactive {
+    background:rgba(0,0,0,0.05);
+}
\ No newline at end of file