feat: rework Home's About column and columns - #653
Merged
Conversation
Three changes to the right-hand column. The app-icon watermark is gone. It was 200px of decoration at the foot of a reference column, and it was also the tallest thing on the page -- with it removed, Home fits at the default window size again instead of scrolling once a few tablets are remembered. That had been an open cost of the 44px section headings; it turns out the logo was paying most of it. The version moves onto the ABOUT heading as "(v0.73.0 BETA)" instead of taking a row of its own. It is something you look up when reporting a problem, not something you read down the column, so it rides along with the heading it belongs to. The Help card becomes a manual page (docs/user/HELP.md), reached by a "Get help" link at the top of RESOURCES. The guidance had outgrown a paragraph: a page can also say what to include in a post, which is what actually makes the first reply useful. The Discord link and the reason it is the first stop rather than the OpenTabletDriver forums live there now. That retires the inline-link plumbing in the code-behind -- about fifty lines that hit-tested the pointer against one run's character range in the text layout, because Avalonia has no inline hyperlink and an embedded button will not baseline-align in flowing text. An ordinary link in a list needs none of it. HelpDiscordUrl goes with it. Verified live: all four Resources links present with Get help first, the version beside the heading, and Home no longer scrolling. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Right column is now everything wanting attention and nothing else; left is About/Resources leading into YOUR TABLETS. The daemon-problem card moved right along with the health list. It was not named in the request, but it is an alert about something needing attention, and leaving it behind would have stranded it between RESOURCES and YOUR TABLETS -- the one place on the page it makes no sense. Both children of the right column hide themselves when nothing is wrong, so on a healthy machine that column is empty by design: the blank right half IS the "all good" signal. Retuned the one seam this created. "your tablets" carried a 30px top margin to clear the needs-attention block that used to sit above it; following RESOURCES it only needs enough to read as a new section, so 30 -> 18, and the About block's trailing 4 goes. Without that the last tablet row fell below the fold. Verified live: all four tablet rows visible, the alert in the right column, About leading the left. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
The columns started at the same y but did not look like it: a 44px display heading carries far more leading above its glyphs than a 10px eyebrow, so "needs attention" sat about 14px below ABOUT even though their boxes were level. Equal boxes, unequal text. The offset goes on the LEFT column. The right one is already flush against the page menu and has nowhere to move up to -- pulling it up would need a negative margin overlapping the nav row's box, which the content ScrollViewer could clip. Paid for most of it out of the seam rather than the page height: "your tablets" drops from 18 to 10 above, so the net cost is 6px and all four tablet rows stay above the fold. Measured rather than guessed: 14px was read off a zoom of both column tops, and re-measured after to confirm the cap-heights now line up. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
The links are accent-coloured and underlined, which already marks them as a group and as links -- a RESOURCES label above them was naming something the reader can see. The gap above does the separating now, widened 12 -> 16 to carry the break the heading used to. Side effect worth having: the ~18px that recovers puts Home back under the fold. The scrollbar is gone and all four tablet rows fit with room to spare, which the column swap had cost. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
It closes the paragraph as an ordinary sentence -- "…on Windows. Version v0.73.0 BETA." -- instead of hanging off the ABOUT heading. The heading goes back to plain text and loses the StackPanel that was only there to sit two TextBlocks side by side. Split into Runs so the prose stays in the view and only the number comes from the model. The separating space lives at the END of the first Run's text, with the two tags flush against each other: whitespace BETWEEN Run elements is preserved too, so the obvious layout -- one Run per line plus an explicit <Run Text=" " /> -- renders three spaces, not one. It looked wrong on screen before it looked wrong in the markup. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Blurb on the left, links on the right, both under the one ABOUT heading
and both top-aligned so they start on the same line.
The links column is Auto, not half the width. Sized to its longest label
("Releases (downloads & release notes)") it never wraps, and the prose
takes whatever is left — a 50/50 split would wrap the links, which reads
far worse than a narrower paragraph does.
Collapsed the two Sections into one while moving things: the second
existed only to hold the links below the first, and side by side there
is nothing left for it to do.
Side effect: the About block is now three lines tall instead of eight,
so the left column shortens and Home keeps its headroom.
Caveat worth a look at some point: at the 800px minimum window width the
left Home column is around 380px, so the prose gets roughly 120 once the
links take their Auto width. It still works, but it is narrow.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
The About heading takes the same treatment as "your tablets" below it and "needs attention" opposite — 44px lower-case display. Home has no tab menu, so its section headings ARE that layer, and this was the last one still dressed as an eyebrow. That retires the 14px nudge from 7f49a26. It existed because the left column opened with a 10px eyebrow while the right opened with a 44px heading: equal boxes, unequal text. With both on the display layer they carry identical leading and align on their own, so the offset is gone rather than left in place doing nothing. "Releases (downloads & release notes)" -> "Releases". The parenthetical was explaining a link whose destination is obvious from its name, and it was also what set the links column's Auto width. The longest label is now "Source code on GitHub", so the column narrows and the prose beside it widens — the blurb drops from three lines to two, and the 800px minimum-width caveat from 1e46b2c eases with it. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
TheSevenPens
added a commit
that referenced
this pull request
Sep 3, 2026
Home was reworked into two columns (#653) and its About section reworked again (#655), but the manual still described the old single-flow page. HOME.md said "Below Needs Attention, you'll see a list of tablets" — Needs attention is the right-hand column now, and the tablet list is on the left under About, so nothing is below anything. It also called the tablet rows "cards", which they stopped being when Entity was de-boxed: they are hairline-separated rows with no container. Adds the About section, which the page never documented at all. USERMANUAL.md's per-page line promised "the About/Help cards". The Help card is gone — its text moved to HELP.md and the card became a "Get help" link — and About is a section with links rather than a card. HELP.md told people to find their version "in parentheses next to ABOUT", which was true for about a day. It is plain text at the end of the About paragraph now, so the instruction points there instead of naming a version-shaped string that will drift. Co-authored-by: Claude Opus 5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Seven commits reworking Home. The first was reviewed as its own change; the rest came from iterating on the running app.
Layout
The columns swapped. The right column is now everything wanting attention and nothing else; the left leads with About/Resources into
your tablets.The daemon-problem card moved right along with the health list. It was not named in the request, but it is an alert about something needing attention, and leaving it behind would have stranded it between the links and
your tablets. Both children of the right column hide themselves when nothing is wrong, so on a healthy machine that column is empty by design — the blank right half is the "all good" signal.The About section is now two columns — blurb left, links right, under one heading. The links column is
Auto, sized to its longest label so it never wraps, with the prose taking what is left; a 50/50 split would wrap the links, which reads worse than a narrower paragraph.Content
docs/user/HELP.md, reached by a Get help link. A page has room to say what to include in a post, which is what makes the first reply useful. Linked from the manual twice so it is not an orphan.Releases (downloads & release notes)→Releases.aboutjoins the display layer, matchingyour tabletsandneeds attention. It was the last Home heading still dressed as an eyebrow.Two bits of cleanup that came free
HelpDiscordUrlwent with it.aboutjoined the display layer both carry identical leading and align on their own, so the offset came back out rather than staying in place doing nothing.For the reviewer
Autowidth. It works, but it is narrow — a width threshold that stacks them vertically would fix it, and I would rather not add one speculatively.🤖 Generated with Claude Code