heckyel/yt-local
0
0
Fork 0
Code Issues Pull Requests Actions Releases 6 Activity

[FrontEnd]: fix dropdown design

Browse Source
This commit is contained in:
Jesús
2021-12-27 16:13:35 -05:00
parent b21b2a6009
commit 217541bd9c
11 changed files with 117 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
youtube/static/search.css
View File

@@ -102,7 +102,6 @@ header {
"dropdown-label"
"dropdown-content";
grid-area: dropdown;
z-index: 1;
}
.dropdown-label {
grid-area: dropdown-label;
@@ -202,8 +201,10 @@ label[for=options-toggle-cbox] {
}
#options-toggle-cbox:checked ~ .dropdown-content {
display: inline-grid;
display: block;
white-space: nowrap;
background: var(--secondary-background);
padding: 0.5rem 1rem;
}
/*- ----------- End Menu Mobile sin JS ------------- */
@@ -464,7 +465,7 @@ hr {
.dropdown {
display: grid;
grid-gap: 1px;
grid-template-columns: minmax(50px, 100px);
grid-template-columns: minmax(50px, 120px);
grid-template-areas:
"dropdown-label"
"dropdown-content";
@@ -474,7 +475,12 @@ hr {
z-index: 1;
position: absolute;
}
#options-toggle-cbox:checked ~ .dropdown-content {
padding: 0rem 3rem 1rem 1rem;
width: 100%;
max-height: 45vh;
overflow-y: scroll;
}
/* playlist */
.playlist {
display: grid;
@@ -484,7 +490,7 @@ hr {
grid-area: playlist;
}
.play-clean {
grid-template-columns: minmax(50px, 100px);
grid-template-columns: minmax(50px, 120px);
}
.play-clean > button {
padding-left: 0px;