Skip to content

feat(hostinfo): shrink the Host Inspector contents to its width - #60

Merged
Atreus-X merged 1 commit into
mainfrom
feat/hostinfo-shrink-to-width
Oct 2, 2026
Merged

Atreus-X merged 1 commit into
mainfrom
feat/hostinfo-shrink-to-width

Conversation

@Atreus-X

@Atreus-X Atreus-X commented Oct 1, 2026

Copy link
Copy Markdown
Owner

Summary

  • The Host Inspector forced a 640px minimum on its content, and every table used fixed-pixel columns, so a narrow block scrolled sideways (fix(hostinfo): a narrow Host Inspector scrolls sideways #43 made that scroll possible; this makes it rarer).
  • Each fixed-pixel column is now minmax(<small min>, <original px>), so tables compress before they scroll and look the same at wide widths.
  • Overview cards use minmax(min(230px, 100%), 1fr) so a single card can shrink below 230px, and the disk rows get smaller minimums.
  • The scroll floor drops from 640px to 480px, the smallest width the densest table (Processes) now holds. Below 480px it scrolls sideways as before.

Testing

  • tsc --noEmit: 0 errors
  • vitest run: 107 passed
  • Layout is CSS only and not exercised in a running window. Manual check: narrow the Host Inspector block from ~900px down to ~480px on each tab (Overview, Network, Ports, Processes, Services, Docker) and confirm the columns compress with ellipsis, with no horizontal scrollbar until 480px.

Known limits

Cells truncate with an ellipsis as they compress. Hiding low-priority columns at narrow widths (instead of truncating) is not part of this change.

SSH / wsh

Not applicable: frontend layout only; the Host Inspector data path is unchanged.

🤖 Generated with Claude Code

https://claude.ai/code/session_01W6QMXXvRReaKxWk1JL5Et6

The inspector forced a 640px minimum and every table had fixed-pixel
columns, so a narrow block scrolled sideways. Give the fixed columns a
small minimum (minmax(min, original max)) so tables compress first, let the
Overview cards and disk rows shrink, and lower the scroll floor to 480px.
Wide layouts are unchanged.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01W6QMXXvRReaKxWk1JL5Et6
@Atreus-X Atreus-X mentioned this pull request Oct 1, 2026
@Atreus-X
Atreus-X merged commit bc3896c into main Oct 2, 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