Merge pull request #40 from mightysimran/feature/centre-when-sidebar-…

…hidden feature: Centre contents when YouTube's video sidebar is hidden
proffapt · Sep 25, 2023 · 87a5027 · 87a5027
2 parents 67d2185 + 321a546
commit 87a5027
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/src/chrome/css/main.css b/src/chrome/css/main.css
@@ -4,8 +4,14 @@ html[global_enable="true"] ytd-mealbar-promo-renderer,
 
 /* Main */
 html[global_enable="true"][remove_homepage="true"] ytd-browse[page-subtype="home"],
-html[global_enable="true"][remove_sidebar="true"] #secondary > div.circle,
-html[global_enable="true"][remove_sidebar="true"] #related,
+html[global_enable="true"][remove_sidebar="true"] div#columns {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+html[global_enable="true"][remove_sidebar="true"] div#related > ytd-watch-next-secondary-results-renderer > div#items {
+  visibility: hidden;
+}
 html[global_enable="true"][remove_leftbar="true"] tp-yt-app-drawer[id="guide"],
 html[global_enable="true"][remove_leftbar="true"] ytd-mini-guide-renderer,
 html[global_enable="true"][remove_leftbar="true"] yt-icon-button[id="guide-button"],

diff --git a/src/firefox/css/main.css b/src/firefox/css/main.css
@@ -4,8 +4,14 @@ html[global_enable="true"] ytd-mealbar-promo-renderer,
 
 /* Main */
 html[global_enable="true"][remove_homepage="true"] ytd-browse[page-subtype="home"],
-html[global_enable="true"][remove_sidebar="true"] #secondary > div.circle,
-html[global_enable="true"][remove_sidebar="true"] #related,
+html[global_enable="true"][remove_sidebar="true"] div#columns {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+html[global_enable="true"][remove_sidebar="true"] div#related > ytd-watch-next-secondary-results-renderer > div#items {
+  visibility: hidden;
+}
 html[global_enable="true"][remove_leftbar="true"] tp-yt-app-drawer[id="guide"],
 html[global_enable="true"][remove_leftbar="true"] ytd-mini-guide-renderer,
 html[global_enable="true"][remove_leftbar="true"] yt-icon-button[id="guide-button"],