In theater mode at least. Changes the layout for something less retarded and more readable, coïncidentally making it look like the old UI.
Unfucks the Youtube interface by CorbeauBlanc
Details
AuthorCorbeauBlanc
LicenseGNU GPLv3
Categoryyoutube
Created
Updated
Size1.3 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Compatible with the "hiding video suggestions" style
Source code
/* ==UserStyle==
@name Unfucks the Youtube interface
@version 20240411.11.58
@namespace https://userstyles.world/user/Corbeau Blanc
@description In theater mode at least
@author Corbeau Blanc
@license GNU GPLv3
==/UserStyle== */
@-moz-document url-prefix("https://www.youtube.com") {
ytd-watch-grid[theater] #columns.ytd-watch-grid {
flex-direction: row-reverse;
}
ytd-watch-grid[theater] #secondary.ytd-watch-grid {
width: auto;
margin-left: var(--ytd-watch-grid-horizontal-page-margins);
flex-grow: 1;
}
ytd-watch-grid[theater] #primary.ytd-watch-grid {
margin-left: calc(var(--ytd-watch-grid-horizontal-page-margins) / 2);
margin-right: var(--ytd-watch-grid-horizontal-page-margins);
}
ytd-watch-grid[theater] #secondary-inner.ytd-watch-grid {
width: unset;
height: unset;
position: unset;
}
ytd-watch-grid[theater] #primary.ytd-watch-grid {
min-width: unset;
flex-grow: 0;
}
ytd-watch-grid[theater] #owner.ytd-watch-metadata {
flex-grow: 0;
align-items: center;
min-width: unset;
}
ytd-watch-grid[theater] ytd-watch-metadata[skinny-mode] #bottom-actions.ytd-watch-metadata {
display: flex;
align-items: center;
width: unset;
}
ytd-watch-grid[theater] #bottom-row.ytd-watch-metadata {
justify-content: space-between;
}
}