updating modes and structures

2026-04-02 11:27:50 +01:00
parent 529acd4fcc
commit 172a1f85c3
297 changed files with 1328 additions and 3350 deletions
--- a/assets/styles/wird-tracker.css
+++ b/assets/styles/wird-tracker.css
@@ -1734,3 +1734,145 @@ input[type="checkbox"][role="switch"]:checked::after { left: 18px; }
    min-height: 44px;
  }
 }
+/* Daily Summary Panel */
+#summary-controls {
+  display: flex;
+  align-items: center;
+  gap: .6rem;
+  flex-wrap: wrap;
+}
+
+.summary-presets {
+  display: flex;
+  gap: .3rem;
+}
+
+.summary-preset {
+  font-family: monospace;
+  font-size: .68rem;
+  padding: .22rem .5rem;
+  border-radius: 3px;
+  border: 1px solid var(--border);
+  background: var(--code-bg);
+  color: var(--muted);
+  cursor: pointer;
+  transition: border-color var(--wird-t), color var(--wird-t), background var(--wird-t);
+}
+
+.summary-preset:hover {
+  border-color: var(--wird-accent);
+  color: var(--wird-accent);
+}
+
+.summary-preset.active {
+  border-color: var(--wird-accent);
+  background: color-mix(in oklab, var(--wird-accent) 12%, var(--bg));
+  color: var(--wird-accent);
+  font-weight: 600;
+}
+
+#summary-filter {
+  font-family: monospace;
+  font-size: .72rem;
+  padding: .26rem .44rem;
+  border: 1px solid var(--border);
+  border-radius: var(--wird-radius);
+  background: var(--code-bg);
+  color: var(--fg);
+  cursor: pointer;
+}
+
+#summary-table-wrap {
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+#summary-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: .82rem;
+  min-width: 480px;
+}
+
+#summary-table th {
+  text-align: center;
+  font-family: monospace;
+  font-size: .65rem;
+  font-weight: 500;
+  color: var(--muted);
+  padding: .32rem .5rem;
+  border-bottom: 1px solid var(--border);
+  white-space: nowrap;
+}
+
+#summary-table th:first-child {
+  text-align: left;
+}
+
+#summary-table td {
+  padding: .38rem .5rem;
+  border-bottom: 1px solid color-mix(in oklab, var(--border) 40%, transparent);
+  text-align: center;
+  font-family: monospace;
+  font-size: .75rem;
+  color: var(--fg);
+  vertical-align: middle;
+}
+
+#summary-table td:first-child {
+  text-align: left;
+  font-size: .72rem;
+  color: var(--muted);
+  white-space: nowrap;
+}
+
+#summary-table tbody tr:hover {
+  background: color-mix(in oklab, var(--bg) 90%, var(--fg) 10%);
+}
+
+#summary-table tbody tr.summary-today td:first-child {
+  color: var(--wird-accent);
+  font-weight: 600;
+}
+
+.summary-cell-done {
+  color: var(--wird-green);
+  font-weight: 600;
+}
+
+.summary-cell-over {
+  color: var(--wird-accent);
+  font-weight: 600;
+}
+
+.summary-cell-miss {
+  color: var(--wird-red);
+}
+
+.summary-cell-empty {
+  color: var(--muted);
+  opacity: .4;
+}
+
+.summary-tfoot td {
+  border-top: 1px solid var(--border);
+  border-bottom: none;
+  font-size: .68rem;
+  color: var(--muted);
+  padding-top: .55rem;
+}
+
+.summary-tfoot td:first-child {
+  color: var(--muted);
+  font-size: .68rem;
+}
+
+.summary-tfoot .summary-cell-done {
+  font-size: .72rem;
+}
+
+/* cap history to scrollable */
+#history-table-wrap {
+  max-height: 420px;
+  overflow-y: auto;
+}