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
This commit is contained in:
syeopite
2021-03-01 01:28:54 -08:00
parent 489d0151ad
commit 83b5fd252e
3 changed files with 34 additions and 29 deletions

View File

@@ -628,6 +628,31 @@ body.dark-theme {
}
}
#filters {
display: none;
}
#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;
}