aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
Diffstat
-rw-r--r--youtube/static/channel.css15
-rw-r--r--youtube/static/home.css7
-rw-r--r--youtube/static/local_playlist.css13
-rw-r--r--youtube/static/playlist.css12
-rw-r--r--youtube/static/search.css13
-rw-r--r--youtube/static/settings.css8
-rw-r--r--youtube/static/subscription.css9
-rw-r--r--youtube/static/subscription_manager.css11
-rw-r--r--youtube/static/watch.css10
9 files changed, 39 insertions, 59 deletions
diff --git a/youtube/static/channel.css b/youtube/static/channel.css
index 3742418..030bc11 100644
--- a/youtube/static/channel.css
+++ b/youtube/static/channel.css
@@ -508,22 +508,19 @@ hr {
.dropdown {
display: grid;
grid-gap: 1px;
- grid-template-columns: minmax(50px, 120px);
+ grid-template-columns: 100px auto;
grid-template-areas:
"dropdown-label"
"dropdown-content";
grid-area: dropdown;
- background: var(--background);
- padding-right: 4rem;
- z-index: 1;
position: absolute;
+ z-index: 1;
}
#options-toggle-cbox:checked ~ .dropdown-content {
- padding: 0rem 3rem 1rem 1rem;
- width: 100%;
- max-height: 45vh;
- overflow: hidden;
+ width: calc(100% + 100px);
+ max-height: 80vh;
+ overflow-y: scroll;
}
.author-container {
@@ -539,7 +536,7 @@ hr {
grid-area: playlist;
}
.play-clean {
- grid-template-columns: minmax(50px, 120px);
+ grid-template-columns: 100px auto;
}
.play-clean > button {
padding-left: 0px;
diff --git a/youtube/static/home.css b/youtube/static/home.css
index 8a282f6..8923c57 100644
--- a/youtube/static/home.css
+++ b/youtube/static/home.css
@@ -189,7 +189,7 @@ label[for=options-toggle-cbox] {
.dropdown {
display: grid;
grid-gap: 1px;
- grid-template-columns: minmax(50px, 120px);
+ grid-template-columns: 100px auto;
grid-template-areas:
"dropdown-label"
"dropdown-content";
@@ -200,9 +200,8 @@ label[for=options-toggle-cbox] {
z-index: 1;
}
#options-toggle-cbox:checked ~ .dropdown-content {
- padding: 0rem 3rem 1rem 1rem;
- width: 100%;
- max-height: 45vh;
+ width: calc(100% + 100px);
+ max-height: 80vh;
overflow-y: scroll;
}
diff --git a/youtube/static/local_playlist.css b/youtube/static/local_playlist.css
index f40df49..dedd2dd 100644
--- a/youtube/static/local_playlist.css
+++ b/youtube/static/local_playlist.css
@@ -477,20 +477,17 @@ hr {
.dropdown {
display: grid;
grid-gap: 1px;
- grid-template-columns: minmax(50px, 120px);
+ grid-template-columns: 100px auto;
grid-template-areas:
"dropdown-label"
"dropdown-content";
grid-area: dropdown;
- background: var(--background);
- padding-right: 4rem;
- z-index: 1;
position: absolute;
+ z-index: 1;
}
#options-toggle-cbox:checked ~ .dropdown-content {
- padding: 0rem 3rem 1rem 1rem;
- width: 100%;
- max-height: 45vh;
+ width: calc(100% + 100px);
+ max-height: 80vh;
overflow-y: scroll;
}
.playlist-metadata {
@@ -506,7 +503,7 @@ hr {
grid-area: playlist;
}
.play-clean {
- grid-template-columns: minmax(50px, 120px);
+ grid-template-columns: 100px auto;
}
.play-clean > button {
padding-left: 0px;
diff --git a/youtube/static/playlist.css b/youtube/static/playlist.css
index e2171ec..e6ae0f9 100644
--- a/youtube/static/playlist.css
+++ b/youtube/static/playlist.css
@@ -487,19 +487,17 @@ hr {
.dropdown {
display: grid;
grid-gap: 1px;
- grid-template-columns: minmax(50px, 120px);
+ grid-template-columns: 100px auto;
grid-template-areas:
"dropdown-label"
"dropdown-content";
grid-area: dropdown;
- padding-right: 4rem;
- z-index: 1;
position: absolute;
+ z-index: 1;
}
#options-toggle-cbox:checked ~ .dropdown-content {
- padding: 0rem 3rem 1rem 1rem;
- width: 100%;
- max-height: 45vh;
+ width: calc(100% + 100px);
+ max-height: 80vh;
overflow-y: scroll;
}
.playlist-metadata {
@@ -515,7 +513,7 @@ hr {
grid-area: playlist;
}
.play-clean {
- grid-template-columns: minmax(50px, 120px);
+ grid-template-columns: 100px auto;
}
.play-clean > button {
padding-left: 0px;
diff --git a/youtube/static/search.css b/youtube/static/search.css
index f131e9c..9b7bf8d 100644
--- a/youtube/static/search.css
+++ b/youtube/static/search.css
@@ -465,20 +465,17 @@ hr {
.dropdown {
display: grid;
grid-gap: 1px;
- grid-template-columns: minmax(50px, 120px);
+ grid-template-columns: 100px auto;
grid-template-areas:
"dropdown-label"
"dropdown-content";
grid-area: dropdown;
- background: var(--background);
- padding-right: 4rem;
- z-index: 1;
position: absolute;
+ z-index: 1;
}
#options-toggle-cbox:checked ~ .dropdown-content {
- padding: 0rem 3rem 1rem 1rem;
- width: 100%;
- max-height: 45vh;
+ width: calc(100% + 100px);
+ max-height: 80vh;
overflow-y: scroll;
}
/* playlist */
@@ -490,7 +487,7 @@ hr {
grid-area: playlist;
}
.play-clean {
- grid-template-columns: minmax(50px, 120px);
+ grid-template-columns: 100px auto;
}
.play-clean > button {
padding-left: 0px;
diff --git a/youtube/static/settings.css b/youtube/static/settings.css
index a2ff71d..4834e3d 100644
--- a/youtube/static/settings.css
+++ b/youtube/static/settings.css
@@ -222,19 +222,17 @@ label[for=options-toggle-cbox] {
.dropdown {
display: grid;
grid-gap: 1px;
- grid-template-columns: minmax(50px, 120px);
+ grid-template-columns: 100px auto;
grid-template-areas:
"dropdown-label"
"dropdown-content";
grid-area: dropdown;
position: absolute;
- padding-right: 4rem;
z-index: 1;
}
#options-toggle-cbox:checked ~ .dropdown-content {
- padding: 0rem 3rem 1rem 1rem;
- width: 100%;
- max-height: 45vh;
+ width: calc(100% + 100px);
+ max-height: 80vh;
overflow-y: scroll;
}
.main {
diff --git a/youtube/static/subscription.css b/youtube/static/subscription.css
index 201d159..e4e9c8b 100644
--- a/youtube/static/subscription.css
+++ b/youtube/static/subscription.css
@@ -480,7 +480,7 @@ hr {
.dropdown {
display: grid;
grid-gap: 1px;
- grid-template-columns: minmax(50px, 120px);
+ grid-template-columns: 100px auto;
grid-template-areas:
"dropdown-label"
"dropdown-content";
@@ -490,9 +490,8 @@ hr {
position: absolute;
}
#options-toggle-cbox:checked ~ .dropdown-content {
- padding: 0rem 3rem 1rem 1rem;
- width: 100%;
- max-height: 45vh;
+ width: calc(100% + 100px);
+ max-height: 80vh;
overflow-y: scroll;
}
.sidebar-links {
@@ -508,7 +507,7 @@ hr {
grid-area: playlist;
}
.play-clean {
- grid-template-columns: minmax(50px, 120px);
+ grid-template-columns: 100px auto;
}
.play-clean > button {
padding-left: 0px;
diff --git a/youtube/static/subscription_manager.css b/youtube/static/subscription_manager.css
index 05daca3..7101828 100644
--- a/youtube/static/subscription_manager.css
+++ b/youtube/static/subscription_manager.css
@@ -328,20 +328,17 @@ hr {
.dropdown {
display: grid;
grid-gap: 1px;
- grid-template-columns: minmax(50px, 120px);
+ grid-template-columns: 100px auto;
grid-template-areas:
"dropdown-label"
"dropdown-content";
grid-area: dropdown;
- background: var(--background);
- padding-right: 4rem;
- z-index: 1;
position: absolute;
+ z-index: 1;
}
#options-toggle-cbox:checked ~ .dropdown-content {
- padding: 0rem 3rem 1rem 1rem;
- width: 100%;
- max-height: 45vh;
+ width: calc(100% + 100px);
+ max-height: 80vh;
overflow-y: scroll;
}
.import-export {
diff --git a/youtube/static/watch.css b/youtube/static/watch.css
index e717d6c..489a4eb 100644
--- a/youtube/static/watch.css
+++ b/youtube/static/watch.css
@@ -620,19 +620,17 @@ label[for=options-toggle-cbox] {
.dropdown {
display: grid;
grid-gap: 1px;
- grid-template-columns: minmax(50px, 120px);
+ grid-template-columns: 100px auto;
grid-template-areas:
"dropdown-label"
"dropdown-content";
grid-area: dropdown;
position: absolute;
- padding-right: 4rem;
z-index: 1;
}
#options-toggle-cbox:checked ~ .dropdown-content {
- padding: 0rem 3rem 1rem 1rem;
- width: 100%;
- max-height: 45vh;
+ width: calc(100% + 100px);
+ max-height: 80vh;
overflow-y: scroll;
}
.playlist {
@@ -643,7 +641,7 @@ label[for=options-toggle-cbox] {
grid-area: playlist;
}
.play-clean {
- grid-template-columns: minmax(50px, 120px);
+ grid-template-columns: 100px auto;
}
.play-clean > button {
padding-bottom: 6px;
generated by cgit v1.2.3 (git 2.25.1) at 2024-11-15 02:22:30 +0000