From 217541bd9c72cd1cc61b69d55b0d4348872ee4c8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jes=C3=BAs?= Date: Mon, 27 Dec 2021 16:13:35 -0500 Subject: [FrontEnd]: fix dropdown design --- youtube/static/watch.css | 17 ++++++++++------- 1 file changed, 10 insertions(+), 7 deletions(-) (limited to 'youtube/static/watch.css') diff --git a/youtube/static/watch.css b/youtube/static/watch.css index bbb09dd..e717d6c 100644 --- a/youtube/static/watch.css +++ b/youtube/static/watch.css @@ -123,7 +123,6 @@ header { "dropdown-label" "dropdown-content"; grid-area: dropdown; - z-index: 1; } .dropdown-label { grid-area: dropdown-label; @@ -221,9 +220,10 @@ label[for=options-toggle-cbox] { } #options-toggle-cbox:checked ~ .dropdown-content { - display: inline-grid; + display: block; white-space: nowrap; - padding-left: 1rem; + background: var(--secondary-background); + padding: 0.5rem 1rem; } /*- ----------- End Menu Mobile sin JS ------------- */ @@ -625,12 +625,15 @@ label[for=options-toggle-cbox] { "dropdown-label" "dropdown-content"; grid-area: dropdown; - - background: var(--background); + position: absolute; padding-right: 4rem; - 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 { display: grid; -- cgit v1.2.3