Completely disable horizontal scroll track for ReactCustomScrollbars

The invisible scroll tracks were intercepting mouse events.

Author: buzz

packages/client/src/components/Scrollbar/Scrollbar.sss

@@ -14,7 +14,10 @@
   height: 100%
   width: 100%
 
-  .track
+  .htrack
+    display: none
+
+  .vtrack
     $w: 8px
     border-radius: calc($w / 2)
     bottom: 2px

packages/client/src/components/Scrollbar/index.js

@@ -23,9 +23,9 @@ const getFaderStyle = (type, bgColor, top) => ({
       : OPACITY_FULL,
 })
 
-const Track = ({ style }) => <div className={css.track} style={style} />
+const VTrack = ({ style }) => <div className={css.vtrack} style={style} />
 
-Track.propTypes = {
+VTrack.propTypes = {
   style: PropTypes.shape({
     opacity: PropTypes.number.isRequired,
     position: PropTypes.string.isRequired,
@@ -34,6 +34,8 @@ Track.propTypes = {
   }).isRequired,
 }
 
+const HTrack = () => <div className={css.htrack} />
+
 const Scrollbar = ({ bgColor, children }) => {
   const scrollbar = useRef()
   const [top, setTop] = useState(0.0)
@@ -44,7 +46,8 @@ const Scrollbar = ({ bgColor, children }) => {
         autoHide
         onScrollFrame={({ top: newTop }) => setTop(newTop)}
         ref={scrollbar}
-        renderTrackVertical={Track}
+        renderTrackHorizontal={HTrack}
+        renderTrackVertical={VTrack}
       >
         {children}
       </ReactCustomScrollbars>