From db44fd1954b6000f9dd62f131e93c3e2d557feac Mon Sep 17 00:00:00 2001
From: z0ccc <z0ccc@proton.me>
Date: Wed, 21 Sep 2022 21:32:28 -0400
Subject: [PATCH] Fixed no scroll bar bug on youtube

---
 src/components/content.tsx |  5 ++++-
 src/styles/App.css         | 17 ++++++++++-------
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/components/content.tsx b/src/components/content.tsx
index f7a9946..bada3e6 100644
--- a/src/components/content.tsx
+++ b/src/components/content.tsx
@@ -44,7 +44,10 @@ const loadComments = (mountNode: HTMLElement | undefined) => {
   mountNode!.parentNode!.insertBefore(redditImgWrap, mountNode!);
 
   chrome.storage.sync.get('sort', ({ sort }) => {
-    ReactDOM.render(<App onYoutube sortSetting={sort} url={window.location.href} />, redComments);
+    ReactDOM.render(
+      <App onYoutube sortSetting={sort} url={window.location.href} />,
+      redComments
+    );
     ReactDOM.render(<CommentToggle />, redditImgWrap);
   });
 };
diff --git a/src/styles/App.css b/src/styles/App.css
index c6095c0..9558a1a 100644
--- a/src/styles/App.css
+++ b/src/styles/App.css
@@ -89,19 +89,22 @@ button {
   justify-content: space-between;
 }
 
-#subreddits::-webkit-scrollbar {
-  height: 7px;
+#redComments::-webkit-scrollbar {
+  width: 7px;
 }
 
-::-webkit-scrollbar {
+#subreddits::-webkit-scrollbar {
+  height: 7px;
   width: 7px;
 }
 
-::-webkit-scrollbar-track {
+#redComments::-webkit-scrollbar-track,
+#subreddits::-webkit-scrollbar-track {
   display: none;
 }
 
-::-webkit-scrollbar-thumb {
+#redComments::-webkit-scrollbar-thumb,
+#subreddits::-webkit-scrollbar-thumb {
   background: var(--scrollbar);
   border-radius: 2px;
 }
@@ -253,7 +256,7 @@ button {
   margin: 0 0 3px 0;
 }
 
-.infoWrap>*:not(:last-child) {
+.infoWrap > *:not(:last-child) {
   margin: 0 6px 0 0;
 }
 
@@ -355,4 +358,4 @@ blockquote {
 
 input[type='checkBox'] {
   margin: 0 6px 0 0;
-}
\ No newline at end of file
+}