From 74a6e05a49368392237f1bd4d940709b8d49a6f8 Mon Sep 17 00:00:00 2001
From: Alex P <thealexpaxton@gmail.com>
Date: Wed, 21 Jun 2017 13:03:32 -0700
Subject: [PATCH] Remove strange white line that sometimes appears in fancy
 scrollbox

---
 ui/src/shared/components/FancyScrollbar.js    | 1 +
 ui/src/style/components/fancy-scrollbars.scss | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/ui/src/shared/components/FancyScrollbar.js b/ui/src/shared/components/FancyScrollbar.js
index 3b1e81dc7..87f414144 100644
--- a/ui/src/shared/components/FancyScrollbar.js
+++ b/ui/src/shared/components/FancyScrollbar.js
@@ -33,6 +33,7 @@ class FancyScrollbar extends Component {
           <div {...props} className="fancy-scroll--thumb-h" />}
         renderThumbVertical={props =>
           <div {...props} className="fancy-scroll--thumb-v" />}
+        renderView={props => <div {...props} className="fancy-scroll--view" />}
       >
         {children}
       </Scrollbars>
diff --git a/ui/src/style/components/fancy-scrollbars.scss b/ui/src/style/components/fancy-scrollbars.scss
index b9239adda..8e40cfdc9 100644
--- a/ui/src/style/components/fancy-scrollbars.scss
+++ b/ui/src/style/components/fancy-scrollbars.scss
@@ -55,6 +55,10 @@ ul.dropdown-menu {
   .fancy-scroll--thumb-v { @include gradient-v($c-neutrino,$c-laser); }
 }
 
+.fancy-scroll--view::-webkit-scrollbar,
+.fancy-scroll--container::-webkit-scrollbar {
+    display: none;
+}
 /* Hacky Fix to make this work in Safari */
 .query-builder--list {
   position: relative;
@@ -62,4 +66,4 @@ ul.dropdown-menu {
   .fancy-scroll--container {
     position: absolute !important;
   }
-}
\ No newline at end of file
+}