Skip to content

Instantly share code, notes, and snippets.

@Zren
Created April 18, 2020 17:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Zren/73ce1113a2bc40c0d281ad34b4b12cbe to your computer and use it in GitHub Desktop.
Save Zren/73ce1113a2bc40c0d281ad34b4b12cbe to your computer and use it in GitHub Desktop.
@-moz-document url-prefix("https://www.youtube.com/playlist?list=WL") {
/*
@media (max-width: 1024px) {
ytd-playlist-sidebar-renderer { display: none !important; }
ytd-two-column-browse-results-renderer { padding-left: 0 !important; }
}
*/
ytd-playlist-sidebar-renderer {
display: none !important;
}
ytd-two-column-browse-results-renderer {
padding-left: 0px !important;
max-width: 100% !important;
}
.ytd-playlist-video-list-renderer {
column-fill: balance;
display: flex;
flex-flow: row wrap;
columns: 3 auto;
}
@media (min-width: 800px) {
ytd-playlist-video-renderer {
width: 50%;
max-width: 50%;
}
}
@media (min-width: 1080px) {
ytd-playlist-video-renderer {
width: 33%;
max-width: 33%;
}
}
@media (min-width: 1440px) {
ytd-playlist-video-renderer {
width: 25%;
max-width: 25%;
}
}
@media (min-width: 1920px) {
ytd-playlist-video-renderer {
width: 20%;
max-width: 20%;
}
}
ytd-thumbnail.ytd-playlist-video-renderer,
ytd-thumbnail.ytd-playlist-video-renderer #img {
width: 292px;
height: 170px;
position: relative;
}
#meta.ytd-playlist-video-renderer {
position: absolute;
box-sizing: border-box;
padding: 10px;
width: 300px;
text-shadow: 0 0 4px #000, 0 0 4px #000, 0 0 4px #000, 0 0 4px #000;
align-self: flex-end;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment