Created
September 11, 2025 00:51
-
-
Save noghartt/f1909230e5ca72ee8b89c3d18545308d to your computer and use it in GitHub Desktop.
A simple CSS style injection to turn youtube a bit more usable (and also removing Shorts related stuff)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* ==UserStyle== | |
| @name www.youtube.com | |
| @namespace github.com/openstyles/stylus | |
| @version 1.0.0 | |
| @description A new userstyle | |
| @author noghartt | |
| ==/UserStyle== */ | |
| @-moz-document url-prefix("https://www.youtube.com/") { | |
| /* Remove all references to Shorts. */ | |
| .style-scope.ytd-rich-shelf-renderer, | |
| a.yt-simple-endpoint.style-scope.ytd-mini-guide-entry-renderer[title="Shorts"], | |
| ytd-guide-entry-renderer:has(> a[title="Shorts"]), | |
| .ytLockupAttachmentsViewModelHost, | |
| ytd-rich-section-renderer { | |
| display: none; | |
| } | |
| ytd-rich-item-renderer[rendered-from-rich-grid] { | |
| --ytd-rich-item-row-usable-width: calc(100% - 128px*2); | |
| width: calc(var(--ytd-rich-item-row-usable-width)/var(--ytd-rich-grid-items-per-row) - var(--ytd-rich-grid-item-margin) - 224px); | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment