jozamudi/ani-web
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Stats: fix month-label placement, back to orange

Browse Source 
- labels now sit on the week CONTAINING the 1st of the month (old
  logic labelled the first column starting in that month, so a month
  beginning mid-week was labelled a whole column late — hovering the
  cells under 'Aug' showed Jul dates); skip labels that would crowd
  the previous one
- label + grid rows are inline-flex so flexbox shrink can't drift
  them apart at narrow widths
- cell scale back to the orange accent (color-mix of --acc)
This commit is contained in:
jozamudi committed 2026-08-26 19:18:39 +00:00
1 parent 0afd27d4d2
commit 36be7d0a02
2 files changed
+17 -14
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

static/style.css
+8 -8
View File
@@ -58,21 +58,21 @@ h2 { margin: 0.4rem 0; }
.stat-value { font-size: 1.3rem; font-weight: 700; }
.heat-wrap { overflow-x: auto; margin: .5rem 0 .3rem; background: var(--card);
border: 1px solid var(--bd); border-radius: 10px; padding: .7rem .8rem .5rem; }
.heat-lbl { display: flex; gap: 3px; margin-bottom: 2px; height: 12px; margin-left: 32px; }
.heat-lbl { display: inline-flex; gap: 3px; margin-bottom: 2px; height: 12px; margin-left: 32px; }
.heat-lbl .heat-lab { width: 11px; min-width: 0; font-size: .65rem;
color: var(--muted); white-space: nowrap; }
.heat-row { display: flex; }
.heat-days { display: flex; flex-direction: column; gap: 3px; margin-right: 6px; }
.heat-row { display: inline-flex; }
.heat-days { display: flex; flex-direction: column; gap: 3px; margin-right: 6px; flex: none; }
.heat-days span { width: 26px; height: 11px; line-height: 11px; text-align: right;
font-size: .65rem; color: var(--muted); }
.heat { display: flex; gap: 3px; }
.heat { display: flex; gap: 3px; flex: none; }
.heat-col { display: flex; flex-direction: column; gap: 3px; }
.heat i, .heat-lg i { width: 11px; height: 11px; border-radius: 2px; background: var(--bd); }
.heat i.none { background: transparent; }
.heat i.l1, .heat-lg i.l1 { background: #0e4429; }
.heat i.l2, .heat-lg i.l2 { background: #006d32; }
.heat i.l3, .heat-lg i.l3 { background: #26a641; }
.heat i.l4, .heat-lg i.l4 { background: #39d353; }
.heat i.l1, .heat-lg i.l1 { background: color-mix(in srgb, var(--acc) 30%, var(--bd)); }
.heat i.l2, .heat-lg i.l2 { background: color-mix(in srgb, var(--acc) 55%, var(--bd)); }
.heat i.l3, .heat-lg i.l3 { background: color-mix(in srgb, var(--acc) 78%, var(--bd)); }
.heat i.l4, .heat-lg i.l4 { background: var(--acc); }
.heat-lg { display: flex; align-items: center; justify-content: flex-end; gap: 3px;
font-size: .75rem; color: var(--muted); margin-top: .5rem; }
.chip { font-size: .7rem; padding: .1rem .5rem; border-radius: 99px; border: 1px solid var(--bd);