Fixes YouTube's recent update that swaps the description and recommended columns, and includes extra features.
YouTube Tweaks by Szkieletor73
Details
AuthorSzkieletor73
LicenseNo License
Categoryyoutube.com
Created
Updated
Size1.5 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
-
The top navigation bar is hidden, and will expand when the top of the screen is hovered over.
-
The description and comments column is back in the center, and recommended videos are on the side.
-
Theater mode is now full-height.
Source code
/* ==UserStyle==
@name 7/17/2022, 11:30:54 AM
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document url-prefix("https://www.youtube.com/watch") {
#masthead {
top: -46px;
position: relative;
transition: 0.3s all;
}
div#masthead-container.ytd-app {
top: -46px;
background: none;
}
#masthead-container:hover #masthead, #masthead:hover {
top: 46px;
}
ytd-page-manager#page-manager.ytd-app {
margin-top: -5px;
}
#masthead-container.ytd-app::after {
display: none;
}
#player-full-bleed-container {
height: 100vh!important;
max-height: unset!important;
}
#columns {
padding-left: 120px;
padding-right: 120px;
}
#columns #secondary {
order: 0!important;
flex: 1;
}
#columns #primary {
order: 1!important;
min-width: 300px!important;
flex: 0;
}
ytd-rich-grid-renderer.ytd-watch-grid {
margin-left: 0;
margin-right: 0;
}
#contents > ytd-rich-grid-row > #contents > ytd-rich-item-renderer {
margin-bottom: 10px!important;
margin-top: 0!important;
}
#columns #primary #bottom-grid #contents {
flex-direction: column;
}
}