From ff9993717c32293c18479e4b942fd02743915642 Mon Sep 17 00:00:00 2001
From: Mo Bitar <me@bitar.io>
Date: Thu, 10 May 2018 12:03:34 -0500
Subject: [PATCH] Custom scrollbars for windows and linux

---
 app/assets/stylesheets/app/_scrollbars.scss | 31 +++++++++++++++++++++
 app/assets/stylesheets/main.css.scss        |  1 +
 2 files changed, 32 insertions(+)
 create mode 100644 app/assets/stylesheets/app/_scrollbars.scss

diff --git a/app/assets/stylesheets/app/_scrollbars.scss b/app/assets/stylesheets/app/_scrollbars.scss
new file mode 100644
index 000000000..372c10915
--- /dev/null
+++ b/app/assets/stylesheets/app/_scrollbars.scss
@@ -0,0 +1,31 @@
+.windows-web, .windows-desktop, .linux-web, .linux-desktop {
+
+  $thumb-color: #dfdfdf;
+  $track-border-color: #E7E7E7;
+  $thumb-width: 4px;
+
+  ::-webkit-scrollbar {
+    width: 14px;
+    height: 18px;
+    border-left: 0.5px solid $track-border-color;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    height: 6px;
+    border: $thumb-width solid rgba(0, 0, 0, 0);
+    background-clip: padding-box;
+    -webkit-border-radius: 7px;
+    background-color: $thumb-color;
+    -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
+  }
+
+  ::-webkit-scrollbar-button {
+    width: 0;
+    height: 0;
+    display: none;
+  }
+
+  ::-webkit-scrollbar-corner {
+    background-color: transparent;
+  }
+}
diff --git a/app/assets/stylesheets/main.css.scss b/app/assets/stylesheets/main.css.scss
index 9e28dc002..d59551f78 100644
--- a/app/assets/stylesheets/main.css.scss
+++ b/app/assets/stylesheets/main.css.scss
@@ -1,5 +1,6 @@
 @import "app/main";
 @import "app/ui";
+@import "app/scrollbars";
 @import "app/footer";
 @import "app/tags";
 @import "app/notes";