From 58477688b062b41de6eb4f82035f097bd759522b Mon Sep 17 00:00:00 2001
From: 0x1eef <0x1eef@protonmail.com>
Date: Sat, 24 Feb 2024 00:06:08 -0300
Subject: [PATCH] Remove 'playing', 'stopped' CSS classes

---
 src/css/pages/SurahStream.scss | 15 ---------------
 src/js/components/Stream.tsx   |  3 +--
 2 files changed, 1 insertion(+), 17 deletions(-)

diff --git a/src/css/pages/SurahStream.scss b/src/css/pages/SurahStream.scss
index 7168831..6af100a 100644
--- a/src/css/pages/SurahStream.scss
+++ b/src/css/pages/SurahStream.scss
@@ -46,21 +46,6 @@ body .root .content.theme {
     }
   }
 
-  ul.body.stream.stopped {
-    overflow-y: auto;
-  }
-
-  ul.body.stream.playing {
-    overflow-y: auto;
-    ::-webkit-scrollbar-track:hover,
-    ::-webkit-scrollbar-track:active,
-    ::-webkit-scrollbar-thumb,
-    ::-webkit-scrollbar-thumb:hover,
-    ::-webkit-scrollbar-thumb:active {
-      background-color: #FFF;
-    }
-  }
-
   footer {
     .timer {
       display: flex;
diff --git a/src/js/components/Stream.tsx b/src/js/components/Stream.tsx
index 71a6456..06aff51 100644
--- a/src/js/components/Stream.tsx
+++ b/src/js/components/Stream.tsx
@@ -23,8 +23,7 @@ export function Stream({
   isPaused,
   t,
 }: Props) {
-  const className =
-    endOfStream || isPaused ? ["stopped", "scroll-y"] : ["playing"];
+  const className = endOfStream || isPaused ? ["scroll-y"] : [];
   const ref = useRef<HTMLUListElement>();
   const ul = useMemo<JSX.Element>(() => {
     return (