Fixed no scroll bar bug on youtube

z0ccc · Sep 22, 2022 · db44fd1 · db44fd1
1 parent 4215978
commit db44fd1
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git 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
@@ -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;
-}
+}