From f42148b8c6f27056fed17e7711634de22385e801 Mon Sep 17 00:00:00 2001
From: Mikael Finstad <finstaden@gmail.com>
Date: Thu, 5 Mar 2020 01:42:25 +0800
Subject: [PATCH] hide scrollbar

it breaks ui
---
 src/SegmentList.jsx     | 2 +-
 src/StreamsSelector.jsx | 2 +-
 src/Timeline.jsx        | 2 +-
 src/ffmpeg.js           | 1 -
 src/main.css            | 4 ++--
 5 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/SegmentList.jsx b/src/SegmentList.jsx
index e68adffa..b4e69cef 100644
--- a/src/SegmentList.jsx
+++ b/src/SegmentList.jsx
@@ -60,7 +60,7 @@ const SegmentList = memo(({
 
   return (
     <Fragment>
-      <div style={{ padding: '0 10px', overflowY: 'scroll', flexGrow: 1 }}>
+      <div style={{ padding: '0 10px', overflowY: 'scroll', flexGrow: 1 }} className="hide-scrollbar">
         <div style={{ fontSize: 14, marginBottom: 10 }}>
           <FaAngleRight
             title="Close sidebar"
diff --git a/src/StreamsSelector.jsx b/src/StreamsSelector.jsx
index 15547b7a..2c5adce6 100644
--- a/src/StreamsSelector.jsx
+++ b/src/StreamsSelector.jsx
@@ -17,7 +17,7 @@ function onInfoClick(s, title) {
   ReactSwal.fire({
     showCloseButton: true,
     title,
-    html: <div style={{ whiteSpace: 'pre', textAlign: 'left', overflow: 'auto', maxHeight: 300, overflowY: 'scroll' }}>{JSON.stringify(s, null, 2)}</div>,
+    html: <div style={{ whiteSpace: 'pre', textAlign: 'left', overflow: 'auto', maxHeight: 300, overflowY: 'auto' }}>{JSON.stringify(s, null, 2)}</div>,
   });
 }
 
diff --git a/src/Timeline.jsx b/src/Timeline.jsx
index 6fc90b7b..a8a658a9 100644
--- a/src/Timeline.jsx
+++ b/src/Timeline.jsx
@@ -117,7 +117,7 @@ const Timeline = memo(({
       <div style={{ position: 'relative' }}>
         <div
           style={{ overflowX: 'scroll' }}
-          id="timeline-scroller"
+          className="hide-scrollbar"
           onWheel={onWheel}
           onScroll={onTimelineScroll}
           ref={timelineScrollerRef}
diff --git a/src/ffmpeg.js b/src/ffmpeg.js
index cdb6be58..e767426b 100644
--- a/src/ffmpeg.js
+++ b/src/ffmpeg.js
@@ -18,7 +18,6 @@ const isDev = window.require('electron-is-dev');
 const os = window.require('os');
 
 
-
 function getFfCommandLine(cmd, args) {
   const mapArg = arg => (/[^0-9a-zA-Z-_]/.test(arg) ? `'${arg}'` : arg);
   return `${cmd} ${args.map(mapArg).join(' ')}`;
diff --git a/src/main.css b/src/main.css
index de5c13b1..f135d390 100644
--- a/src/main.css
+++ b/src/main.css
@@ -62,6 +62,6 @@ body {
   color: rgba(0,0,0,0.5);
 }
 
-#timeline-scroller::-webkit-scrollbar {
+.hide-scrollbar::-webkit-scrollbar {
   display: none;
-}
\ No newline at end of file
+}