mirror of
https://github.com/runbear-io/beardrive.git
synced 2026-08-25 08:08:08 +02:00
f773b0c6e7
Below 430px `.dl-meta` was `display:none`, so a folder listing on a phone showed a filename and an unexplained coloured dot — no read count, no size, no date. The comment justifying it assumed the dot carried the signal, but the dot's meaning lived entirely in a `title=` attribute: never shown on touch, never read by a screen reader on any viewport. - `.dl-row` wraps and `.dl-meta` takes a full-width second line at ≤430px, indented 27px to align under the filename. The name still wins line one and is never truncated; the full string fits at 360px, so no shortened variant is needed. - The heat dot gets `role="img"` + `aria-label` on every viewport, which also fixes desktop screen-reader users. - Playwright assertion in layout.spec.ts at 360/390/430: meta matches the desktop string, filename untruncated, rows ≥44px, no horizontal scroll, every dot has an accessible name. Desktop (≥431px) is unchanged — measured identical row heights and meta positions before and after. Co-authored-by: Claude Fable 5 <noreply@anthropic.com>