From 2e1af2f8a05c95e954524e267613b790859b1064 Mon Sep 17 00:00:00 2001
From: Thibaut Courouble <thibaut@me.com>
Date: Sun, 6 Aug 2017 11:13:28 -0400
Subject: [PATCH] Fix webkit scrollbar styling in notifications

---
 assets/stylesheets/components/_notif.scss | 24 +++++++++++------------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/assets/stylesheets/components/_notif.scss b/assets/stylesheets/components/_notif.scss
index 9f30efaf..6df50661 100644
--- a/assets/stylesheets/components/_notif.scss
+++ b/assets/stylesheets/components/_notif.scss
@@ -63,20 +63,18 @@
   padding-right: .75rem;
   overflow-y: auto;
 
-  &::-webkit-scrollbar { -webkit-appearance: none; width: 10px; }
-  &::-webkit-scrollbar-button { display: none; }
-  &::-webkit-scrollbar-track { background: $notifBackground; }
+  &::-webkit-scrollbar { width: 10px !important; }
+
+  &::-webkit-scrollbar-track {
+    background: $notifBackground !important;
+    border: 0 !important;
+    border-radius: 5px !important;
+  }
+
   &::-webkit-scrollbar-thumb {
-    min-height: 2rem;
-    background: $scrollbarColor;
-    background-clip: padding-box;
-    border: 3px solid $notifBackground;
-    border-radius: 5px;
-
-    &:active {
-      background-color: $scrollbarColorHover;
-      border-width: 2px;
-    }
+    border: 3px solid $notifBackground !important;
+
+    &:hover, &:active { border-width: 2px !important; }
   }
 
   > ._notif-title {