summaryrefslogtreecommitdiffstats
path: root/assets/css
diff options
context:
space:
mode:
authorsyeopite <syeopite@syeopite.dev>2021-03-01 01:28:54 -0800
committersyeopite <syeopite@syeopite.dev>2021-03-01 03:45:07 -0800
commit83b5fd252e2cef88f5cc4164b84fa94737a4dae1 (patch)
tree4fb0c1541caf2183909ed24ddfc57290880a8e9e /assets/css
parent489d0151ad0e72b875729b4a7839cc0df2692571 (diff)
downloadinvidious-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/css')
-rw-r--r--assets/css/default.css31
1 files changed, 28 insertions, 3 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;
+}