mirror of
https://gitea.invidious.io/iv-org/invidious-copy-2022-03-16.git
synced 2024-08-15 00:53:18 +00:00
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:
parent
489d0151ad
commit
83b5fd252e
3 changed files with 34 additions and 29 deletions
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue