Skip to content

Fix dashboard header overlap at narrow desktop widths - #1727

Closed
erichroepke wants to merge 1 commit into
Abilityai:mainfrom
erichroepke:erich/dashboard-header-overlap
Closed

Fix dashboard header overlap at narrow desktop widths#1727
erichroepke wants to merge 1 commit into
Abilityai:mainfrom
erichroepke:erich/dashboard-header-overlap

Conversation

@erichroepke

Copy link
Copy Markdown

Summary

  • allow the dashboard header stats and controls to wrap cleanly
  • make host telemetry compact below 1100px by hiding sparklines and shrinking the disk bar
  • keep the fix scoped to dashboard/header layout

Root cause

The compact dashboard header forced the status/telemetry row and controls into one horizontal line. At narrow desktop widths, fixed-width telemetry elements competed with the filter/view controls and caused crowding/overlap.

Validation

  • npm run check:tokens
  • npm run build

Note: Docker was unavailable in this session, so the final production build was run locally after installing frontend dependencies from the lockfile.

@erichroepke

Copy link
Copy Markdown
Author

Superseded by #1756, rebuilt from current dev and expanded to cover the complete narrow-viewport Dashboard regression tracked in #1754. Retargeting this older main-based draft would expose an unrelated 27-file diff, so I am closing it in favor of the clean replacement.

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