diff options
Diffstat (limited to 'youtube/static/comments.css')
-rw-r--r-- | youtube/static/comments.css | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/youtube/static/comments.css b/youtube/static/comments.css index a812db9..aa279ef 100644 --- a/youtube/static/comments.css +++ b/youtube/static/comments.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; @@ -45,6 +39,8 @@ input[type="search"] { padding: 0.4rem 0.4rem; font-size: 15px; color: var(--search-text); + outline: none; + box-shadow: none; } input[type='search'] { @@ -111,9 +107,7 @@ header { "dropdown-label" "dropdown-content"; grid-area: dropdown; - background: var(--background); padding-right: 4rem; - z-index: 1; } .dropdown-label { grid-area: dropdown-label; @@ -278,7 +272,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"; @@ -286,6 +280,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; |