diff options
| author | syeopite <syeopite@syeopite.dev> | 2021-03-01 01:28:54 -0800 |
|---|---|---|
| committer | syeopite <syeopite@syeopite.dev> | 2021-03-01 03:45:07 -0800 |
| commit | 83b5fd252e2cef88f5cc4164b84fa94737a4dae1 (patch) | |
| tree | 4fb0c1541caf2183909ed24ddfc57290880a8e9e /assets | |
| parent | 489d0151ad0e72b875729b4a7839cc0df2692571 (diff) | |
| download | invidious-83b5fd252e2cef88f5cc4164b84fa94737a4dae1.tar.gz invidious-83b5fd252e2cef88f5cc4164b84fa94737a4dae1.tar.bz2 invidious-83b5fd252e2cef88f5cc4164b84fa94737a4dae1.zip | |
Enhance search filter UI for JS disabled users
Change filters UI box to use <details>.
Stylize detail button for filter ui
Fix localization for 'filter'
Fix CSS
Fix styling
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/css/default.css | 31 | ||||
| -rw-r--r-- | assets/js/search.js | 13 |
2 files changed, 28 insertions, 16 deletions
diff --git a/assets/css/default.css b/assets/css/default.css index 793295d9..09c7d237 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -628,6 +628,31 @@ body.dark-theme { } } -#filters { - display: none; -}
\ No newline at end of file +#filters + display: inline; + margin-top: 15px; +} + +#filters > div { + display: inline-block; +} + +#filters > summary { + display: inline-block; + margin-bottom:15px; +} + +#filters > summary { + display: inline-block; + margin-bottom:15px; +} + +#filters > summary::before { + content: "[ + ]"; + font-size: 1.5em; +} + +#filters[open] > summary::before { + content: "[ - ]"; + font-size: 1.5em; +} diff --git a/assets/js/search.js b/assets/js/search.js deleted file mode 100644 index 36edd053..00000000 --- a/assets/js/search.js +++ /dev/null @@ -1,13 +0,0 @@ -function toggle_comments(event) { - var target = event.target; - var body = document.getElementById('filters'); - if (body.style.display === 'flex') { - target.innerHTML = '[ + ]'; - body.style.display = 'none'; - } else { - target.innerHTML = '[ - ]'; - body.style.display = 'flex'; - } -} - -document.getElementById('togglefilters').onclick = toggle_comments;
\ No newline at end of file |