diff options
Diffstat (limited to 'youtube/static/home.css')
| -rw-r--r-- | youtube/static/home.css | 15 |
1 files changed, 11 insertions, 4 deletions
diff --git a/youtube/static/home.css b/youtube/static/home.css index a92be6b..8a282f6 100644 --- a/youtube/static/home.css +++ b/youtube/static/home.css @@ -97,7 +97,6 @@ header { "dropdown-label" "dropdown-content"; grid-area: dropdown; - z-index: 1; } .dropdown-label { grid-area: dropdown-label; @@ -137,8 +136,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 ------------- */ @@ -188,15 +189,21 @@ label[for=options-toggle-cbox] { .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"; grid-area: dropdown; - z-index: 1; position: absolute; background: var(--background); padding-right: 4rem; + z-index: 1; + } + #options-toggle-cbox:checked ~ .dropdown-content { + padding: 0rem 3rem 1rem 1rem; + width: 100%; + max-height: 45vh; + overflow-y: scroll; } .footer { |