[FrontEnd]: fix dropdown design

2021-12-31 18:15:59 -05:00
parent f572bb62aa
commit 90338c25c6
9 changed files with 39 additions and 59 deletions
--- a/youtube/static/home.css
+++ b/youtube/static/home.css
@@ -189,7 +189,7 @@ label[for=options-toggle-cbox] {
    .dropdown {
        display: grid;
        grid-gap: 1px;
-        grid-template-columns: minmax(50px, 120px);
+        grid-template-columns: 100px auto;
        grid-template-areas:
            "dropdown-label"
            "dropdown-content";
@@ -200,9 +200,8 @@ label[for=options-toggle-cbox] {
        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;
    }