From 217541bd9c72cd1cc61b69d55b0d4348872ee4c8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs?= <heckyel@hyperbola.info>
Date: Mon, 27 Dec 2021 16:13:35 -0500
Subject: [FrontEnd]: fix dropdown design

---
 youtube/static/license.css | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

(limited to 'youtube/static/license.css')

diff --git a/youtube/static/license.css b/youtube/static/license.css
index d967de7..bf3f129 100644
--- a/youtube/static/license.css
+++ b/youtube/static/license.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 ------------- */
 
@@ -265,7 +266,7 @@ 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";
@@ -273,7 +274,12 @@ label[for=options-toggle-cbox] {
         z-index: 1;
         position: absolute;
     }
-
+    #options-toggle-cbox:checked ~ .dropdown-content {
+        padding: 0rem 3rem 1rem 1rem;
+        width: 100%;
+        max-height: 45vh;
+        overflow-y: scroll;
+    }
     .footer {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
-- 
cgit v1.2.3