iv-org-mirror/invidious-copy-2023-06-08
1
0
Fork 0
mirror of https://gitea.invidious.io/iv-org/invidious-copy-2023-06-08.git synced 2024-08-15 00:53:38 +00:00
Code Issues Projects Releases Packages Wiki Activity

HTML/CSS: Fix playlist buttons' responsiveness

Browse source
This commit is contained in:
Samantaz Fox 2023-04-24 19:44:15 +02:00
parent 0de478c34f
commit 0b13efae67
No known key found for this signature in database
GPG key ID: F42821059186176E
3 changed files with 63 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

74
assets/css/default.css
View file

@ -1,3 +1,7 @@
/*
* Common attributes
*/
html,
body {
font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen,
@ -11,6 +15,16 @@ body {
min-height: 100vh;
}
.h-box {
padding-left: 1em;
padding-right: 1em;
}
.v-box {
padding-top: 1em;
padding-bottom: 1em;
}
.deleted {
background-color: rgb(255, 0, 0, 0.5);
}
@ -20,6 +34,32 @@ body {
margin-bottom: 20px;
}
.title {
margin: 0.5em 0 1em 0;
}
/* A flex container */
.flexible {
display: flex;
align-items: center;
}
.flex-left {
flex: 1 1 auto;
flex-flow: row wrap;
justify-content: flex-start;
}
.flex-right {
flex: 2 0 auto;
flex-flow: row nowrap;
justify-content: flex-end;
}
/*
* Channel page
*/
.channel-profile > * {
font-size: 1.17em;
font-weight: bold;
@ -90,16 +130,6 @@ body a.channel-owner {
}
}
.h-box {
padding-left: 1em;
padding-right: 1em;
}
.v-box {
padding-top: 1em;
padding-bottom: 1em;
}
div {
overflow-wrap: break-word;
word-wrap: break-word;
@ -144,9 +174,15 @@ body a.pure-button-primary,
margin: 0;
}
/* Has to be combined with flex-left/right */
.button-container {
flex-flow: wrap;
gap: 0.5em 0.75em;
}
/*
* Thumbnails
* Video thumbnails
*/
div.thumbnail {
@ -280,6 +316,11 @@ input[type="search"]::-webkit-search-cancel-button {
margin-right: 1em;
}
/*
* Responsive rules
*/
@media only screen and (max-aspect-ratio: 16/9) {
.player-dimensions.vjs-fluid {
padding-top: 46.86% !important;
@ -328,10 +369,6 @@ input[type="search"]::-webkit-search-cancel-button {
.video-card-row { margin: 15px 0; }
.flexible { display: flex; }
.flex-left { flex: 1 1 100%; flex-wrap: wrap; }
.flex-right { flex: 1 0 auto; flex-wrap: nowrap; }
p.channel-name { margin: 0; }
p.video-data { margin: 0; font-weight: bold; font-size: 80%; }
@ -659,12 +696,7 @@ label[for="music-desc-expansion"]:hover {
}
/* Bidi (bidirectional text) support */
h1,
h2,
h3,
h4,
h5,
p,
h1, h2, h3, h4, h5, p,
#descriptionWrapper,
#description-box,
#music-description-box {