From 92fc883bca2859325f5c02b2de20a12a4b461e65 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Sun, 21 Jun 2026 20:45:06 +0000 Subject: [PATCH 1/2] chore: release v0.5.1 --- CHANGELOG.md | 4 ++++ package.json | 2 +- 2 files changed, 5 insertions(+), 1 deletion(-) 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/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, From 4a2d091ff645bea513f5f70fb77c273cd0133f83 Mon Sep 17 00:00:00 2001 From: dancj <7661275+dancj@users.noreply.github.com> Date: Sun, 21 Jun 2026 16:47:20 -0400 Subject: [PATCH 2/2] fix(demo): make demo page mobile-responsive The demo used fixed 150px boxes and large rem gaps (tree/col 9rem, kids 8rem, diag 6rem) that overflowed narrow viewports, forcing horizontal scroll on phones. Add a max-width:640px media query that shrinks boxes (max-width 46%, auto width), tightens gaps and padding, caps the code cards at 100% width, and wraps the tabs. Arrows recompute via ResizeObserver, so smaller anchors reposition cleanly. Claude-Session: https://claude.ai/code/session_01DmF3ePYVeHxFCFDtHHMC8w --- demo/index.html | 52 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 52 insertions(+) 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; + } + }