Add Hide Top Progress Bar Function In Appearance Player

code-charity · Nov 5, 2024 · 8f82e16 · 8f82e16
1 parent c4418ca
commit 8f82e16
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 1 deletion.
diff --git a/js&css/extension/www.youtube.com/appearance/player/player.css b/js&css/extension/www.youtube.com/appearance/player/player.css
@@ -610,3 +610,13 @@ html[data-page-type=video][it-remove-black-bars=true] ytd-watch-flexy[fullscreen
 	left: 0px!important;
 	object-fit: cover;
 }
+
+/*--------------------------------------------------------------
+# HIDE TOP Progress BAR
+--------------------------------------------------------------*/
+
+html[data-page-type=video][it-hide-top-loading-bar=true] #progress.style-scope.yt-page-navigation-progress,
+html[data-page-type=video][it-hide-top-loading-bar=true] .ytp-load-progress,
+html[data-page-type=video][it-hide-top-loading-bar=true] .ytp-loading-bar {
+    display: none !important;
+}
diff --git a/js&css/web-accessible/www.youtube.com/appearance.js b/js&css/web-accessible/www.youtube.com/appearance.js
@@ -320,6 +320,15 @@ ImprovedTube.commentsSidebar = function () { if (ImprovedTube.storage.comments_s
 		};
 	}
 }
+/*------------------------------------------------------------------------------  
+ HIDE TOP PROGRESS BAR  
+------------------------------------------------------------------------------*/
+ImprovedTube.hideTopProgressBar = function () {
+    var progressBar = document.querySelector(".top-progress-bar"); 
+    if (progressBar) {
+        progressBar.style.display = "none";
+    }
+};
 }
 /*------------------------------------------------------------------------------
  SIDEBAR

diff --git a/menu/skeleton-parts/appearance.js b/menu/skeleton-parts/appearance.js
@@ -405,9 +405,16 @@ extension.skeleton.main.layers.section.appearance.on.click.player = {
 				component: "switch",
 				text: "hideScrollForDetails",
 				tags: "remove,hide"
-			}
+			},
+			hide_top_loading_bar: {
+				component: "switch",
+				text: "hideTopLoadingBar",
+				tags: "remove,hide"
+			},
 		}
 	}
+
+
 };
 
 /*--------------------------------------------------------------