Skip to content

fix(updates): keep the update line to one row on any width - #845

Merged
devswha merged 4 commits into
mainfrom
fix/update-notice-one-line
Oct 11, 2026
Merged

devswha merged 4 commits into
mainfrom
fix/update-notice-one-line

Conversation

@devswha

@devswha devswha commented Oct 11, 2026

Copy link
Copy Markdown
Owner

Change

The update line above the pane (UpdateNotice) wrapped untidily, mostly on a phone:

  • After an update, herdr web ui was updated to vX. pushed Dismiss onto a second row in English, and the Korean sentence broke over two lines.
  • While installing, the step label sat on one row and its progress bar on another.
  • App updated. Save unsent drafts before reloading. wrapped next to its button.

Every state of this line is now one row on any width:

  • The line no longer wraps. Its sentence is cut with an ellipsis, and the full text is in its title. Buttons keep their width.
  • Dismiss on the after-update line is the same × icon button as a PC's bridge line. Its accessible name is still Dismiss.
  • During an install, the step, the step count and the bar share one row. The bar takes the rest of the width, at least 3rem.

Scoped to the release line (.update-notice.is-line). The telemetry notice and the PC bridge line share .update-notice and keep wrapping as before.

Validation

  • bun run check fast: generated types, typecheck, build pass; unit tests 2749 pass, 0 fail.
  • scripts/update-notice-regression.ts now asserts that the available, installing and failed states draw as one row at 390px (sentence, buttons, step and bar share one vertical centre; the sentence does not wrap). Ran it alone against a fresh build: passes. Against a build with the old CSS it fails on installing: the line is one row (rows 74,69,85).
  • Screenshots at 390×844 and 1440×900, Korean and English, against the live API with stubbed /api/updates and /api/updates/installed: available, installing, failed, reload and after-update are each one row.

🤖 Generated with Claude Code

On a phone the line after an update wrapped its sentence or pushed Dismiss
onto a second row, and an install's step sat above its bar. The release's
line now never wraps: the sentence ends in an ellipsis (full text in its
title), buttons keep their width, Dismiss is an x icon like a PC's line,
and the step, count and bar share one row.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@coderabbitai

coderabbitai Bot commented Oct 11, 2026 •

Copy link
Copy Markdown

Warning

Review limit reached

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

Next included review available in 17 minutes.

Check out review usage here.

View limit details

Limit details: You’ve used all 4 included reviews currently available.

Learn how review limits work.

Review configuration:

⚙️ Run configuration
  • Configuration used: Repository: devswha/herdr-web-ui/.coderabbit.yaml
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: a4df207e-6180-4f09-afd6-5650458ef53f

📥 Commits

Reviewing files that changed from the base of the PR and between 1675499 and 803db7e.


📒 Files selected for processing (4)
  • CHANGELOG.md
  • scripts/update-notice-regression.ts
  • src/components/UpdateControls.css
  • src/components/UpdateControls.tsx

  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

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.

devswha and others added 3 commits October 12, 2026 07:21
Review finding (Codex, pre-merge): on a phone the ellipsis cut "Save
unsent drafts before reloading" to its first words, with the whole
sentence only in a title a touch screen cannot show, before a button that
reloads at once. That one line wraps instead; the other states stay one row.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
@devswha
devswha merged commit 53266c1 into main Oct 11, 2026
15 of 17 checks passed
@devswha
devswha deleted the fix/update-notice-one-line branch October 11, 2026 22:46
devswha added a commit that referenced this pull request Oct 12, 2026
## Change

Release 0.4.8, from main at ca6db6e (20 PRs since v0.4.7: the 0.4.7
mobile walk-through fixes, two contributor PRs and the revived #793).

- `package.json` and `herdr-plugin.toml`: 0.4.8.
- CHANGELOG: `[Unreleased]` becomes `[0.4.8] - 2026-10-12`, with the
compare links. Twelve entries that had no PR link get theirs (#835 #837
#838 #840 #842 #843 #844+#848 #845 #847 #849 #851 #852). A Maintenance
line says the remote-PC runtime is now version 27.
- `release-summaries.json`: 0.4.8 in en/ko/ja/zh/tr (3 new, 6 improved,
8 fixed). The Turkish lines are not checked by a native speaker.
- `REMOTE_BUNDLE_VERSION` 26 -> 27: #836 adds the `pending-hold` server
feature and #787 serves precompressed assets, so `remote-v27` is
published before the app release.

Every PR merged since v0.4.7 is linked in the section: #787 #788 #793
#835 #836 #837 #838 #839 #840 #841 #842 #843 #844 #845 #846 #847 #848
#849 #851 #852.

## Validation

- `bun scripts/release-notes.ts 0.4.8` renders the summaries and the
full changelog (116 lines).
- `bun run check fast`: generated types, typecheck, build and 2800+ unit
tests pass.

## Release

After this merges and its CI on `main` passes: push `remote-v27`, wait
for its release, then run the Release workflow with `0.4.8`.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-authored-by: Claude Fable 5.1 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant