Make Youtube's new UI more bareable
fix new yt ui - Apr 2024 by patrlim
Details
Authorpatrlim
LicenseNo License
Categoryyoutube
Created
Updated
Size1.4 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
For best effect, add "youtube.com##+js(set, yt.config_.EXPERIMENT_FLAGS.kevlar_watch_grid, false)" to your filters in Ublock origin
Source code
/* ==UserStyle==
@name fix new yt ui - Apr 2024
@namespace github.com/openstyles/stylus
@version 1.0.0
@description Make Youtube's new UI more bareable
@author Patrlim
==/UserStyle== */
@-moz-document url-prefix("https://www.youtube.com/") {
ytd-rich-shelf-renderer.style-scope.ytd-rich-section-renderer {
display: none;
}
ytd-rich-section-renderer.style-scope.ytd-rich-grid-renderer {
display: none;
}
div#attached-survey.style-scope.ytd-rich-grid-media {
display: none;
}
a#avatar-link.yt-simple-endpoint.style-scope.ytd-rich-grid-media {
display: none;
}
ytd-badge-supported-renderer.video-badge.style-scope.ytd-rich-grid-media {
display: none;
}
}
@-moz-document url-prefix("https://www.youtube.com/watch") {
div#dismissible.style-scope.ytd-rich-grid-media {
flex-direction: row;
}
div#thumbnail.style-scope.ytd-rich-grid-media {
width: 256px;
padding-right: 10px;
}
h3.style-scope.ytd-rich-grid-media {
margin-top: 0px;
}
ytd-rich-item-renderer.style-scope.ytd-rich-grid-row {
padding-top: 0px;
margin-bottom: 15px;
align-self: center;
}
div#details.style-scope.ytd-rich-grid-media {
width: 100%;
}
}