Create cohesive control panel redesign #30

parkel · 2026-05-21T11:43:46+02:00

parkel commented

2026-05-21 11:43:46 +02:00

Summary

Establish a calmer, more cohesive visual system for the Django control panel: typography, colors, panels, forms, tables, status badges, responsive behavior, and focus states.
Add a shared page-header pattern and apply it across dashboard, host detail, run detail, snapshot detail, retention, configuration, access, operations, logs, and changelog pages.
Add view assertions for the new page context so later UI work does not accidentally regress the shared structure.

Tests

docker compose run --rm web python manage.py test pobsync_backend.tests.test_views -v 2
docker compose run --rm web python manage.py test pobsync_backend -v 2
git diff --check

Closes #28

## Summary - Establish a calmer, more cohesive visual system for the Django control panel: typography, colors, panels, forms, tables, status badges, responsive behavior, and focus states. - Add a shared page-header pattern and apply it across dashboard, host detail, run detail, snapshot detail, retention, configuration, access, operations, logs, and changelog pages. - Add view assertions for the new page context so later UI work does not accidentally regress the shared structure. ## Tests - `docker compose run --rm web python manage.py test pobsync_backend.tests.test_views -v 2` - `docker compose run --rm web python manage.py test pobsync_backend -v 2` - `git diff --check` Closes #28

parkel added 3 commits 2026-05-21 11:43:47 +02:00

(ui) Establish cohesive control panel styling 8aa3f1d1f5

Refresh the shared base styling so the Django control panel has a calmer,
more polished production-tool feel across all pages. Update typography,
navigation, panels, metrics, host cards, tables, forms, buttons, messages,
focus states, and responsive behavior through reusable CSS variables and
component styles.

Refs #28

(ui) Add consistent page headers to key views ad2cc5585e

Introduce a shared page-header pattern with kicker, title, subtitle, and
actions, then apply it to the dashboard, host detail, run detail, snapshot
detail, and retention plan pages.

Scope the global app header styles to avoid leaking sticky navigation styles
onto page-level headers, and add view assertions for the new page context.

Refs #28

(ui) Extend page headers across utility views b67ae7ff8b

Apply the shared page-header pattern to configuration, access,
operations, retention, log, and changelog pages so the control panel
uses one consistent title, context, and action structure.

Add representative view assertions for the new page context on utility
pages.

Refs #28

parkel merged commit 2be2d11b4a into master

2026-05-21 11:44:29 +02:00

parkel deleted branch issue-28-control-panel-redesign

2026-05-21 11:44:29 +02:00

parkel referenced this issue from a commit

2026-05-21 11:44:30 +02:00

Merge pull request 'Create cohesive control panel redesign' (#30) from issue-28-control-panel-redesign into master

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: hippogrief/pobsync#30