Skip to content

fix(hostinfo): a narrow Host Inspector scrolls sideways - #43

Merged
Atreus-X merged 4 commits into
mainfrom
fix/hostinfo-hscroll
Sep 30, 2026
Merged

Atreus-X merged 4 commits into
mainfrom
fix/hostinfo-hscroll

Conversation

@Atreus-X

Copy link
Copy Markdown
Owner

Summary

  • The Host Inspector's scroll area already had a horizontal scrollbar, but the grid tables truncate every cell to fit, so the content never overflowed and the bar never appeared.
  • The section body now has a 640px minimum width, so a block narrower than that scrolls sideways instead of truncating.

Remote hosts

UI-only; independent of how the host data is collected (plain SSH or wsh).

Test plan

  • Narrow a Host Inspector block below ~640px: a horizontal scrollbar appears and can be dragged
  • Wider than 640px: layout unchanged, no horizontal bar

Not checked in the running app.

🤖 Generated with Claude Code

https://claude.ai/code/session_01W6QMXXvRReaKxWk1JL5Et6

Atreus-X and others added 4 commits September 29, 2026 14:35
…uncating

The grid tables truncate every cell to fit, so the content never overflowed
and the horizontal scrollbar had nothing to scroll. The section body now has a
640px minimum width; blocks narrower than that get the horizontal scrollbar.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01W6QMXXvRReaKxWk1JL5Et6
The overlay scrollbar hid until the pointer entered the area and its handle was 15% white, so the Host Inspector's sideways scrollbar was easy to miss. Horizontal ScrollAreas now never auto-hide and use the stronger handle colour.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01W6QMXXvRReaKxWk1JL5Et6
Tailwind utilities live in a cascade layer, so a utility could not override the unlayered .os-scrollbar handle colour.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01W6QMXXvRReaKxWk1JL5Et6
…ntal scrollbar can appear

block-content is a row flex container; without w-full min-w-0 the view grew to its
min-content width and was clipped by the block, so the ScrollArea never overflowed.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01W6QMXXvRReaKxWk1JL5Et6
@Atreus-X
Atreus-X merged commit 89c1a71 into main Sep 30, 2026
1 check passed
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