~ knotless Search/
↑↓ move↵ open⇧↵ all results

chadtmiller.com/knotless

git that lives in your Atmosphere account

knotless.dev
1 collaborator

knotless 0.13.0 Latest 2 packages, 1 image

1
10

The account settings tabs fade at their edges on a phone

Merged
Merged chadtmiller.com asked to merge into main from chadtmiller.com/knotless:web/settings-fade

What changes

On a phone, the row of tabs at the top of your account's settings fades at its left and right edges when it runs past them. The pulled-in tab sits in the middle, as on the home feed, a profile, a repository and a repository's settings.

SettingsPage now uses the shared scrollRow attachment in place of its own scrollIntoView effect. That attachment marks the row more-start and more-end, which app.css fades.

How it was checked

just look /settings/appearance --signed-in --phone --dark: the row is centred on Appearance and faded at both edges. The account settings pages aren't in the shots' recorded world, so no shot should move. The class is only added in the browser, so the server's HTML doesn't change.

🤖 Generated with Claude Code

Approved

This replaces SettingsPage's own scrollIntoView effect with the shared scrollRow(current) attachment. It's the same call RepoSettings makes on the same account-nav markup. The current argument re-runs the attachment when the section changes, as the old effect did. The more-start and more-end classes are already defined in app.css, and the unused nav state is removed. I found nothing that needs changing. I didn't run the app or read the checks, and I didn't check that current (an href) matches what [aria-current] marks in the row.

Merged as 6597de2