Fix YouTube shit and bloat (for Annoyances list) #1196
Description
All entries I use personally, borrowed here and here
@DandelionSprout, select rules which you like the most :)
P.S: I fixed beginning of rules from www.youtube.com to youtube.com to cover mobile version too
Let's start!
☐ Remove sponsor and "thanks" button:
youtube.com###top-row.ytd-watch-metadata #sponsor-button
youtube.com###top-row.ytd-watch-metadata yt-button-view-model:has([aria-label="Thanks"])
✓ Remove recommended after pause bloat:
youtube-nocookie.com,youtube.com##.ytp-pause-overlay, .show-video-thumbnail-button
~youtube-nocookie.com,~youtube.com##iframe ~ #topvbar > #rvid
— Remove shorts from search: (Sure Shorts can get strange, but not so strange as to warrant blanket removal.)
youtube.com##ytd-search ytd-item-section-renderer>#contents>:is(:not(ytd-video-renderer,ytd-channel-renderer,ytd-playlist-renderer,yt-lockup-view-model,yt-showing-results-for-renderer,[icon-name="promo-full-height:EMPTY_SEARCH"]),ytd-video-renderer:has([aria-label="Shorts"])),ytd-secondary-search-container-renderer
☐ Block all the scripts responsible for annotations and end screen / auto play next
/annotations_module.js$script,xhr,important,domain=youtube.com
/endscreen.js$script,xhr,important,domain=youtube.com
— Hide "1080p Premium" in the video quality menu (The probably like 6 people on Earth who pay for Premium for the sake of 1080p Premium, would probably still want it.)
youtube.com##.ytp-quality-menu .ytp-menuitem:has(.ytp-premium-label)
Self promotion dialogs in bottom left corner
youtube.com##ytd-popup-container > tp-yt-paper-dialog > ytd-mealbar-promo-renderer, ytd-popup-container > tp-yt-paper-dialog > yt-mealbar-promo-renderer:has-text(/Claim Offer|Join now|Not Now|No thanks|YouTube TV|live TV|Live TV|movies|sports|Try it free|unlimited DVR|watch NFL/)
Crappy new design fix
! Remove backgrounds from multiple elements
☐ youtube.com##.ytp-button.ytp-play-button, .ytp-button.ytp-next-button, .ytp-button.ytp-prev-button, .ytp-time-wrapper, .ytp-time-display, .ytp-time-duration, .ytp-time-current, .ytp-volume-area, .ytp-volume-slider, .ytp-volume-panel, .ytp-chapter-title, .ytp-right-controls-left, .ytp-right-controls, .ytp-right-controls-right, .ytp-volume-popover:style(background: none !important; backdrop-filter: none !important;)
! Tweaked play and volume buttons
☐ youtube.com##.ytp-button.ytp-play-button svg:style(transform: scale(0.85) !important;)
☐ youtube.com##.ytp-button.ytp-volume-icon svg:style(transform: scale(0.8) translateX(-12px) !important;)
☐ youtube.com##.ytp-volume-popover:style(transform: translateX(-70%) translateY(88%) rotate(90deg) !important; height: 50px !important; width: 150px !important;)
! Smaller SponsorBlock button
☐? youtube.com###startSegmentButton > .playerButtonImage:style(transform: scale(0.88) !important;)
! Progress bar location lowering down
☐ youtube.com##.ytp-progress-bar-container:style(position: relative !important; top: 16px !important;)
! Buttons location lowering down
☐ youtube.com##.ytp-right-controls, .ytp-left-controls:style(position: relative !important; top: 6px !important;)
! Fix left-controls blocking progress bar control
☐ youtube.com##.ytp-left-controls:style(pointer-events: none !important;)
☐ youtube.com##.ytp-left-controls :is(.ytp-button, .ytp-volume-panel):style(pointer-events: auto !important;)
! Remove weird floating buttons
☐ youtube.com###movie_player > .ytp-overlays-container > .ytp-overlay-bottom-right
Update!
My personal one. Removes "Ask and learn
youtube.com###teaser-carousel:remove()
Reduces height of Playback line
youtube.com##.ytp-delhi-modern.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-progress-bar-container:style(bottom: 55px !important)
Reduces placement of Buttons
youtube.com##.ytp-delhi-modern.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-chrome-bottom:style(height: 76px !important)
Removes on Hover effect on Pause/Play button
youtube.com##.ytp-delhi-modern .ytp-play-button:hover::after, .ytp-delhi-modern.ytp-big-mode .ytp-play-button:hover::after:style(background-color: transparent !important)
Removes on Hover effect on Volume button
youtube.com##.ytp-delhi-modern.ytp-delhi-horizontal-volume-controls .ytp-volume-area:hover::after:style(background-color: transparent !important)
Removes on Hover effect on Time Stamp
youtube.com##.ytp-delhi-modern .ytp-time-wrapper:not(.ytp-miniplayer-ui *)::after:style(background: transparent !important)
Removes on Hover effect on Right-side buttons
youtube.com##.ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls .ytp-button::before:style(background-color: transparent !important)
Removes Background on the Right-side buttons
youtube.com##.ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls:style(background: transparent !important)
Moves Thumbnail Line closer to the Playback line
youtube.com##.ytp-tooltip.ytp-bottom.ytp-tooltip-progress-bar-style.ytp-preview:style(top: 450px !important)
Borrowed here