Skip to content

feat(ui): collapsible sidebar, build version, unified table rows - #211

Closed
schronck wants to merge 3 commits into
feat/ui/mock-modefrom
fix/ui/bugs
Closed

feat(ui): collapsible sidebar, build version, unified table rows#211
schronck wants to merge 3 commits into
feat/ui/mock-modefrom
fix/ui/bugs

Conversation

@schronck

@schronck schronck commented Jun 22, 2026

Copy link
Copy Markdown
Collaborator

Stacked on #209 (base feat/ui/mock-mode) — review/merge after it. Developed against mock mode.

Changes

Collapsible sidebar

  • Chevron toggle collapses the sidebar to a 56px icon rail (orange "B" mark, icon-only nav with count badges, logout); content slides over to reclaim width. State persisted in localStorage.

Always-on build version

  • Build version + date shown at the bottom of the expanded sidebar (e.g. v0.1.10 · 2026-06-22 14:54). Version injected from the crate version (build.rsAPP_VERSION → vite __APP_VERSION__), with a Cargo.toml fallback so npm run dev / mock mode also show the real version.
  • Removed the Logo easter egg (5-click build-date reveal + 10-click /swagger-ui/ redirect). Swagger remains at /swagger-ui/.

Unified table row heights

  • Every list row is a uniform 48px (theme MuiTableCell height) regardless of whether it carries a copy button / chip or just text — fixes the shorter Config-peers and DAR-compare rows. Normalized outlier per-cell paddings. Collapsible audit-detail rows opt out via height: auto.

Large-screen layout

  • Content stays full-width / edge-to-edge (no centered cap). On large monitors the leading/trailing table cells gain horizontal padding (40/80/140px at ≥1536/1920/2400px) so content has breathing room from the edges, while row rules + zebra fills stay full-bleed.

Notes

  • build.rs now passes APP_VERSION to the frontend build (only change outside frontend/).
  • Verified in mock mode: all tabs/dialogs render, no console errors, build green, lint unchanged (51 pre-existing).

🤖 Generated with Claude Code

schronck added 2 commits June 22, 2026 15:23
Sidebar collapses to a 56px icon rail (state persisted). Build version + date always shown at the sidebar bottom — version injected from the crate version (build.rs APP_VERSION) with a Cargo.toml fallback for dev/mock — and the build-date/swagger click easter egg removed.
Every list row is a uniform 48px (theme MuiTableCell height) regardless of whether it carries a copy button/chip or just text, fixing the shorter Config-peers and DAR-compare rows. Normalized outlier per-cell paddings; collapsible audit-detail rows opt out via height:auto.
Leading/trailing table cells inset content via max(16px, calc((100vw - 1560px)/2)) so content centers to ~1300px on big monitors (180px each side at 1920px, 500px at 2560px), while row rules and zebra fills stay full-bleed (edge to edge).
@schronck

Copy link
Copy Markdown
Collaborator Author

Folded into #212 — consolidating the UI modernization into a single PR. These commits are already included in #212.

@schronck schronck closed this Jun 22, 2026
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