diff options
Diffstat (limited to 'youtube/static/home.css')
| -rw-r--r-- | youtube/static/home.css | 24 |
1 files changed, 14 insertions, 10 deletions
diff --git a/youtube/static/home.css b/youtube/static/home.css index 64180ea..8923c57 100644 --- a/youtube/static/home.css +++ b/youtube/static/home.css @@ -1,9 +1,3 @@ -html { - font-family: "liberation serif", "times new roman", calibri, carlito, serif; - background: var(--background); - color: var(--text); -} - body { display: grid; grid-gap: 20px; @@ -35,6 +29,8 @@ input[type="search"] { padding: 0.4rem 0.4rem; font-size: 15px; color: var(--search-text); + outline: none; + box-shadow: none; } input[type='search'] { @@ -101,7 +97,6 @@ header { "dropdown-label" "dropdown-content"; grid-area: dropdown; - z-index: 1; } .dropdown-label { grid-area: dropdown-label; @@ -141,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 ------------- */ @@ -192,13 +189,20 @@ label[for=options-toggle-cbox] { .dropdown { display: grid; grid-gap: 1px; - grid-template-columns: minmax(50px, 100px); + grid-template-columns: 100px auto; 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 { + width: calc(100% + 100px); + max-height: 80vh; + overflow-y: scroll; } .footer { |