web: Expose debug info, fix view on mobile.

2021-10-27 14:02:38 -05:00
parent 21304533f9
commit 3553ce4ea1
15 changed files with 215 additions and 12 deletions
--- a/web/src/components/DebugInfo.scss
+++ b/web/src/components/DebugInfo.scss
@ -0,0 +1,23 @@
+#debug-information {
+  position: fixed;
+  left: 1em;
+  bottom: 1em;
+  opacity: 0.5;
+  font-size: 80%;
+
+  .toggle-content { display: none; }
+  .toggle-content.visible { display: block; }
+
+  .mobile, .tablet, .desktop, .ultrawide { display: none; }
+
+  ul, li {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  label {
+    display: inline-block;
+    width: 8em;
+  }
+}