fix: /protocol Monthly UTC chart phone x-axis (#703) #1196

Merged

PlasticDigits merged 1 commit from fix/703-protocol-monthly-phone-axis into main

2026-08-29 12:50:03 +00:00

PlasticDigits commented

2026-08-29 12:47:00 +00:00

(Migrated from gitlab.com)

Summary

Phone /protocol Monthly UTC chart requested 24 × YYYY-MM ticks, which stacked into an unreadable pile on ~390px (P668-9 step 1–2 + 12px bar slots).
Cap monthly limit on narrow plots at 12 (drop to 6 if 12 × YY-MM still collides); desktop 1280 still requests up to 24. Indexer GET max stays 24.
Shorten the axis to YY-MM (26-08); keep ticks horizontal (no rotate / writing-mode). Tooltip and bar aria-label still use full YYYY-MM + USD.

Closes #703

Test plan

make verify-issue-703 (docs + Vitest + Playwright e2e/protocol-page.spec.ts @ 5 workers + related 677/668/689)
Retest: grain helper + ProtocolPage Vitest; Playwright #703 phone 390 + tablet 820
Manual: Chrome 390×844 /protocol → Monthly, then Liquidity / Fees — ticks readable, no head-tilt
Manual: desktop 1280 Monthly still shows longer history when width allows

## Summary - Phone `/protocol` **Monthly** UTC chart requested 24 × `YYYY-MM` ticks, which stacked into an unreadable pile on ~390px (**P668-9** step 1–2 + 12px bar slots). - Cap monthly `limit` on narrow plots at **12** (drop to **6** if 12 × `YY-MM` still collides); desktop 1280 still requests up to **24**. Indexer GET max stays 24. - Shorten the axis to **`YY-MM`** (`26-08`); keep ticks **horizontal** (no rotate / `writing-mode`). Tooltip and bar `aria-label` still use full `YYYY-MM` + USD. Closes #703 ## Test plan - [x] `make verify-issue-703` (docs + Vitest + Playwright `e2e/protocol-page.spec.ts` @ 5 workers + related 677/668/689) - [x] Retest: grain helper + ProtocolPage Vitest; Playwright `#703` phone 390 + tablet 820 - [ ] Manual: Chrome 390×844 `/protocol` → Monthly, then Liquidity / Fees — ticks readable, no head-tilt - [ ] Manual: desktop 1280 Monthly still shows longer history when width allows

Rows
Columns