Skip to content

fix(mobile): rotate snoozed and settled shelf chevrons - #7276

Merged
maria-rcks merged 1 commit into
pingdotgg:mainfrom
lnieuwenhuis:dev/fix/mobile-shelf-chevrons
Aug 17, 2026
Merged

fix(mobile): rotate snoozed and settled shelf chevrons#7276
maria-rcks merged 1 commit into
pingdotgg:mainfrom
lnieuwenhuis:dev/fix/mobile-shelf-chevrons

Conversation

@lnieuwenhuis

@lnieuwenhuis lnieuwenhuis commented Aug 17, 2026

Copy link
Copy Markdown
Contributor

The Snoozed and Settled shelf chevrons on the mobile threads list never moved and pointed in opposite directions: both headers swapped between the chevron.up/chevron.down SF Symbols based on expanded state, but the native symbol view does not redraw when only the symbol name changes, so each chevron stayed frozen at whatever direction it first rendered.

Fixed by matching the disclosure-chevron convention already shipped in ConnectionEnvironmentRow and CloudEnvironmentRows: keep a single chevron.down symbol and rotate it 180° with a state-driven style transform. Both headers now follow the same rule (down when collapsed, up when expanded) and give feedback on every tap. No continuous animation — the transform only changes with the expanded state.

Before: the issue's screenshots (fig1–fig3 at https://t3code-chevron-shots.pages.dev/) show Snoozed open pointing down while Settled closed points up. After-screenshots were not captured — this change was made without simulator access; happy to add them on request.

Verification: vp run typecheck in apps/mobile (exit 0) and vp lint on the changed file (0 warnings). No test exists for this presentational component and no behavior contract changed, so none was added.

Fixes #7121

Claude Fable 5 via Claude Code


Note

Low Risk
Presentational-only change to two shelf header icons; no logic, API, or data handling.

Overview
Snoozed and Settled thread-list shelf headers now show chevrons that actually flip when you expand or collapse the section.

Both headers used to swap SF Symbol names (chevron.up / chevron.down) with expanded, but the native SymbolView does not reliably redraw when only the name changes, so the icons stayed stuck on their first render (and could point the wrong way).

The fix matches ConnectionEnvironmentRow and CloudEnvironmentRows: always use chevron.down and drive direction with a style transform rotate (0deg collapsed, 180deg expanded). No animation—only the transform updates with state.

Reviewed by Cursor Bugbot for commit b8d1176. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Rotate snoozed and settled shelf chevrons on expand instead of swapping glyphs

Replaces the conditional chevron.up/chevron.down glyph swap in ThreadListV2SnoozedShelfHeader and ThreadListV2SettledShelfHeader with a CSS transform that rotates a fixed chevron.down icon 180° when expanded. This produces a smoother visual transition and removes the need for conditional icon names.

Macroscope summarized b8d1176.

Both shelf headers swapped between the chevron.up and chevron.down SF
Symbols based on expanded state, but the native symbol view does not
redraw when only the symbol name changes, so the chevrons stayed
frozen at their initial direction and pointed opposite ways relative
to each other. Match the disclosure-chevron convention used elsewhere
in the app (ConnectionEnvironmentRow, CloudEnvironmentRows): keep a
single chevron.down symbol and rotate it 180deg when expanded.
@coderabbitai

coderabbitai Bot commented Aug 17, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: fd71a93a-68d4-4992-bdf5-e13c8f52ee1a

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@github-actions github-actions Bot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:XS 0-9 changed lines (additions + deletions). labels Aug 17, 2026
@macroscopeapp

macroscopeapp Bot commented Aug 17, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Approved b8d1176

Minor UI adjustment that changes chevron icons to animate via rotation instead of swapping icons. The change is purely cosmetic, self-contained, and has no impact on business logic or runtime behavior.

You can customize Macroscope's approvability policy. Learn more.

@maria-rcks
maria-rcks merged commit 33a8b07 into pingdotgg:main Aug 17, 2026
18 checks passed
github-actions Bot added a commit to omarcresp/t3code-flake that referenced this pull request Aug 17, 2026
frankdavidcorona pushed a commit to frankdavidcorona/t3code that referenced this pull request Aug 18, 2026
NeilTheFisher pushed a commit to NeilTheFisher/t3code that referenced this pull request Aug 18, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XS 0-9 changed lines (additions + deletions). vouch:unvouched PR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: Snoozed and Settled chevrons never rotate, and point opposite directions

2 participants