Add options to remove 'all but one row on homepage', 'infinite scroll' and 'shorts' (Chrome)

chrome/css/main.css

@@ -1,23 +1,27 @@
+
+/* 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_end_of_video="true"] .html5-endscreen,
 
-html[global_enable="true"][remove_info_cards="true"] .ytp-ce-element.ytp-ce-element,
-
+/* Site Navigation */
 html[global_enable="true"][remove_home_link="true"] a:not(#logo)[href="/"],
 html[global_enable="true"][remove_explore_link="true"] a[href="/feed/trending"],
 html[global_enable="true"][remove_explore_link="true"] a[href="/feed/explore"],
 
+/* More Removal Options */
+html[global_enable="true"][remove_infinite_scroll="true"] ytd-continuation-item-renderer,
+html[global_enable="true"][remove_all_but_one="true"] ytd-rich-grid-renderer > #contents > ytd-rich-grid-row:nth-child(n+2),
+html[global_enable="true"][remove_all_but_one="true"] ytd-rich-grid-renderer > #contents > ytd-continuation-item-renderer,
+html[global_enable="true"][remove_shorts="true"] ytd-rich-grid-renderer > #contents > ytd-rich-grid-row + ytd-rich-section-renderer,
 html[global_enable="true"][remove_thumbnail_mouseover_effect="true"] #mouseover-overlay,
-
 html[global_enable="true"][remove_play_next_button="true"] a.ytp-next-button,
-
 html[global_enable="true"][remove_comments="true"] #comments,
 html[global_enable="true"][remove_comments="true"] #comment-teaser,
 html[global_enable="true"][remove_comments="true"] ytd-engagement-panel-section-list-renderer[target-id="engagement-panel-comments-section"],
-
 html[global_enable="true"][remove_chat="true"] #chat,
+html[global_enable="true"][remove_info_cards="true"] .ytp-ce-element.ytp-ce-element,
 
 html[global_enable="true"][foo=bar]
 

chrome/css/options.css

@@ -8,6 +8,9 @@ html[remove_info_cards="true"] .remove_info_cards .inactive,
 html[remove_home_link="true"] .remove_home_link .inactive,
 html[remove_logo_link="true"] .remove_logo_link .inactive,
 html[remove_explore_link="true"] .remove_explore_link .inactive,
+html[remove_infinite_scroll="true"] .remove_infinite_scroll .inactive,
+html[remove_all_but_one="true"] .remove_all_but_one .inactive,
+html[remove_shorts="true"] .remove_shorts .inactive,
 html[remove_thumbnail_mouseover_effect="true"] .remove_thumbnail_mouseover_effect .inactive,
 html[remove_play_next_button="true"] .remove_play_next_button .inactive,
 html[remove_comments="true"] .remove_comments .inactive,
@@ -29,6 +32,9 @@ html[remove_info_cards="false"] .remove_info_cards .active,
 html[remove_home_link="false"] .remove_home_link .active,
 html[remove_logo_link="false"] .remove_logo_link .active,
 html[remove_explore_link="false"] .remove_explore_link .active,
+html[remove_infinite_scroll="false"] .remove_infinite_scroll .active,
+html[remove_all_but_one="false"] .remove_all_but_one .active,
+html[remove_shorts="false"] .remove_shorts .active,
 html[remove_thumbnail_mouseover_effect="false"] .remove_thumbnail_mouseover_effect .active,
 html[remove_play_next_button="false"] .remove_play_next_button .active,
 html[remove_comments="false"] .remove_comments .active,

chrome/js/content-script.js

@@ -14,6 +14,9 @@ const SETTINGS_LIST = {
   "remove_home_link":                  { defaultValue: false, eventType: 'change' },
   "remove_logo_link":                  { defaultValue: false, eventType: 'change' },
   "remove_explore_link":               { defaultValue: false, eventType: 'change' },
+  "remove_infinite_scroll":            { defaultValue: false, eventType: 'change' },
+  "remove_all_but_one":                { defaultValue: false, eventType: 'change' },
+  "remove_shorts":                     { defaultValue: false, eventType: 'change' },
   "remove_thumbnail_mouseover_effect": { defaultValue: false, eventType: 'change' },
   "remove_play_next_button":           { defaultValue: false, eventType: 'change' },
   "remove_comments":                   { defaultValue: false, eventType: 'change' },

chrome/js/options.js

@@ -14,6 +14,9 @@ const SETTINGS_LIST = {
   "remove_home_link":                  { defaultValue: false, eventType: 'click' },
   "remove_logo_link":                  { defaultValue: false, eventType: 'click' },
   "remove_explore_link":               { defaultValue: false, eventType: 'click' },
+  "remove_infinite_scroll":            { defaultValue: false, eventType: 'click' },
+  "remove_all_but_one":                { defaultValue: false, eventType: 'click' },
+  "remove_shorts":                     { defaultValue: false, eventType: 'click' },
   "remove_thumbnail_mouseover_effect": { defaultValue: false, eventType: 'click' },
   "remove_play_next_button":           { defaultValue: false, eventType: 'click' },
   "remove_comments":                   { defaultValue: false, eventType: 'click' },

chrome/manifest.json

@@ -1,9 +1,9 @@
 {
-  "name": "Remove Youtube Suggestions",
+  "name": "Remove YouTube Suggestions",
   "description": "Stop the YouTube rabbit hole. Customize YouTube's user interface to be less engaging.",
   "homepage_url": "https://github.com/lawrencehook/remove-youtube-suggestions",
   "manifest_version": 2,
-  "version": "3.0.1",
+  "version": "3.0.2",
 
   "icons": {
     "16": "images/16.png",

chrome/options.html

@@ -58,6 +58,18 @@
       <fieldset>
         <legend>More removal options</legend>
 
+        <div class="remove_all_but_one">
+          <div class="option_name_container"><a class="active">🚫</a><a class="inactive">🟢</a> All but first row (homepage)</div>
+        </div>
+
+        <div class="remove_infinite_scroll">
+          <div class="option_name_container"><a class="active">🚫</a><a class="inactive">🟢</a> Infinite scroll</div>
+        </div>
+
+        <div class="remove_shorts">
+          <div class="option_name_container"><a class="active">🚫</a><a class="inactive">🟢</a> Shorts</div>
+        </div>
+
         <div class="remove_thumbnail_mouseover_effect">
           <div class="option_name_container"><a class="active">🚫</a><a class="inactive">🟢</a> Thumbnail mouseover effect</div>
         </div>

firefox/options.html

@@ -70,7 +70,6 @@
           <div class="option_name_container"><a class="active">🚫</a><a class="inactive">🟢</a> Shorts</div>
         </div>
 
-
         <div class="remove_thumbnail_mouseover_effect">
           <div class="option_name_container"><a class="active">🚫</a><a class="inactive">🟢</a> Thumbnail mouseover effect</div>
         </div>