[FrontEnd]: fix dropdown design

This commit is contained in:
Jesús
2021-12-31 18:15:59 -05:00
parent f572bb62aa
commit 90338c25c6
9 changed files with 39 additions and 59 deletions

View File

@@ -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;