From 773da185ee76a267bd7755005e54f0d88224573b Mon Sep 17 00:00:00 2001
From: Ajay <dev@ajay.app>
Date: Tue, 17 May 2022 13:55:39 -0400
Subject: [PATCH] Fix visual issues on mobile preview bar

---
 public/content.css              | 4 ++++
 src/js-components/previewBar.ts | 6 ++++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/public/content.css b/public/content.css
index 027608bb..6a2c1a04 100644
--- a/public/content.css
+++ b/public/content.css
@@ -17,6 +17,10 @@
 	transition: transform .1s cubic-bezier(0,0,0.2,1);
 }
 
+.ytm-progress-bar > #previewbar {
+	height: 3px;
+}
+
 #previewbar.hovered {
 	transform: scaleY(1)
 }
diff --git a/src/js-components/previewBar.ts b/src/js-components/previewBar.ts
index d4d041a9..16098b7d 100644
--- a/src/js-components/previewBar.ts
+++ b/src/js-components/previewBar.ts
@@ -144,8 +144,10 @@ class PreviewBar {
         this.parent = parent;
 
         if (this.onMobileYouTube) {
-            parent.style.backgroundColor = "rgba(255, 255, 255, 0.3)";
-            parent.style.opacity = "1";
+            if (parent.classList.contains("progress-bar-background")) {
+                parent.style.backgroundColor = "rgba(255, 255, 255, 0.3)";
+                parent.style.opacity = "1";
+            }
             
             this.container.style.transform = "none";
         } else if (!this.onInvidious) {