diff --git a/CHANGELOG.md b/CHANGELOG.md index b10e62d..6841578 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -9,6 +9,10 @@ Release entries below are generated by `release-changelog.yml` when a ## [Unreleased] +## [0.5.1] - 2026-06-21 + +- #48 — fix(ci): trigger release on PR-merged, not commit-message match (@dancj) + ## [0.5.0] - 2026-06-21 - #46 — feat(hero): draw arrow between two boxes in README hero (@dancj) diff --git a/demo/index.html b/demo/index.html index dc4733a..ed01c7a 100644 --- a/demo/index.html +++ b/demo/index.html @@ -178,6 +178,58 @@ .panel .row { justify-content: space-around; } + + /* Mobile: the desktop layout uses fixed 150px boxes and large rem gaps + (tree/col 9rem, kids 8rem, diag 6rem) that overflow narrow viewports. + Shrink boxes, gaps, and padding; arrows recompute via ResizeObserver. */ + @media (max-width: 640px) { + .intro, + .spacer { + padding: 3rem 1rem; + } + .section { + margin: 38vh auto; + padding: 0 1rem; + } + .stage { + padding: 1rem 0; + min-height: 200px; + } + .box { + width: auto; + min-width: 0; + max-width: 46%; + padding: 0.85rem 0.75rem; + font-size: 0.9rem; + } + .col { + gap: 5rem; + } + .diag { + gap: 3rem; + } + .tree { + gap: 5rem; + } + .tree .kids { + gap: 1rem; + } + .tree .kids .box { + max-width: none; + padding: 0.75rem 0.5rem; + font-size: 0.8rem; + } + .avoid { + height: 150px; + } + .code { + max-width: 100%; + font-size: 12px; + } + .tabs { + flex-wrap: wrap; + } + } diff --git a/package.json b/package.json index f3935f9..690e670 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "scroll-arrows", - "version": "0.5.0", + "version": "0.5.1", "description": "Hand-drawn arrows that draw themselves between two elements as you scroll. Roughness goes from clean straight lines to scratchy and curvy.", "type": "module", "sideEffects": false,