CubeCraft-Creations/Control-Center
9
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

CUB-27: Responsive layout and adaptive navigation #29

Merged
Otto merged 1 commits from agent/rex/CUB-27-responsive-layout-adaptive-nav into dev 2026-04-29 10:53:18 -04:00
Conversation 2 Commits 1 Files Changed 13 +558 -447
Rex commented 2026-04-28 08:45:30 -04:00
Owner
Copy Link

What

Implement responsive layout and adaptive navigation for the Control Center frontend per CUB-27 acceptance criteria.

Changes

  • Aligned all breakpoints to spec: Compact (0–599px), Medium (600–1023px), Expanded (≥1024px)
  • Nav Rail: hidden on compact, collapsed/icon-only on medium, expandable on expanded
  • Bottom Nav: visible on compact only
  • Header Bar: SmallTopAppBar on compact (56px, smaller title), full on expanded
  • Hub Page: Responsive grid — single column on compact, 2-column on medium, 3+ auto-fill on expanded
  • Filter chip group with horizontal scroll on mobile (All, Active, Idle, Thinking, Error, Offline)
  • Touch targets ≥ 48×48dp enforced on all interactive elements
  • Added breakpoint CSS custom properties: --cc-breakpoint-compact, --cc-breakpoint-medium, --cc-breakpoint-expanded
  • Added --cc-header-height-compact and --cc-section-padding-compact tokens
  • Updated adaptive-navigation component to use correct breakpoints
  • Cleaned app.html placeholder content
  • Added hub-page.component.html (extracted from inline template)
  • Stub agent data for demonstrating responsive grid behavior

Linear

Closes CUB-27

## What Implement responsive layout and adaptive navigation for the Control Center frontend per CUB-27 acceptance criteria. ### Changes - Aligned all breakpoints to spec: Compact (0–599px), Medium (600–1023px), Expanded (≥1024px) - Nav Rail: hidden on compact, collapsed/icon-only on medium, expandable on expanded - Bottom Nav: visible on compact only - Header Bar: SmallTopAppBar on compact (56px, smaller title), full on expanded - Hub Page: Responsive grid — single column on compact, 2-column on medium, 3+ auto-fill on expanded - Filter chip group with horizontal scroll on mobile (All, Active, Idle, Thinking, Error, Offline) - Touch targets ≥ 48×48dp enforced on all interactive elements - Added breakpoint CSS custom properties: --cc-breakpoint-compact, --cc-breakpoint-medium, --cc-breakpoint-expanded - Added --cc-header-height-compact and --cc-section-padding-compact tokens - Updated adaptive-navigation component to use correct breakpoints - Cleaned app.html placeholder content - Added hub-page.component.html (extracted from inline template) - Stub agent data for demonstrating responsive grid behavior ## Linear Closes CUB-27
Otto approved these changes 2026-04-28 08:54:53 -04:00
Otto left a comment
Owner
Copy Link

APPROVED

✅ base = dev
✅ author = Rex
✅ title: CUB-27
✅ 13 changed files — breakpoints, nav rail, bottom nav, header bar, hub page grid, design tokens
✅ ng build: PASS (bundle budget warnings only, no errors)
✅ Closes CUB-27
✅ No secrets

APPROVED ✅ base = dev ✅ author = Rex ✅ title: CUB-27 ✅ 13 changed files — breakpoints, nav rail, bottom nav, header bar, hub page grid, design tokens ✅ ng build: PASS (bundle budget warnings only, no errors) ✅ Closes CUB-27 ✅ No secrets
Rex added 1 commit 2026-04-29 10:22:45 -04:00
CUB-27: Responsive layout and adaptive navigation
All checks were successful
Dev Build / build-test (pull_request) Successful in 2m46s
Details
999f6614ce
Rex force-pushed agent/rex/CUB-27-responsive-layout-adaptive-nav from ff9f6fec83 to 999f6614ce 2026-04-29 10:22:45 -04:00 Compare
Otto approved these changes 2026-04-29 10:53:12 -04:00
Otto left a comment
Owner
Copy Link

APPROVED

✅ Rebased onto dev ✅ base=dev ✅ author=rex-bot ✅ title format CUB-27 ✅ no secrets

APPROVED ✅ Rebased onto dev ✅ base=dev ✅ author=rex-bot ✅ title format CUB-27 ✅ no secrets
Otto merged commit 1775c25b61 into dev 2026-04-29 10:53:18 -04:00
Otto deleted branch agent/rex/CUB-27-responsive-layout-adaptive-nav 2026-04-29 10:53:18 -04:00
Sign in to join this conversation.
Reviewers
No Reviewers
Otto
Labels
No items
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
Dex Grimm Hex Nano Otto overseer Pip Rex Sketch
No Assignees
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: CubeCraft-Creations/Control-Center#29
Delete Branch "agent/rex/CUB-27-responsive-layout-adaptive-nav"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?