issue-38-dashboard-responsive-layout #41

parkel · 2026-05-21T14:51:29+02:00

parkel commented

2026-05-21 14:51:29 +02:00

Summary

Reworks the dashboard priority area into a more stable responsive layout.
Adds dedicated dashboard section hooks for summary metrics, trends, and hosts.
Tightens host cards, activity rows, schedule rows, and long text wrapping.
Removes dashboard panel overflow traps that could create internal scrollbars.
Improves medium and small-screen behavior for summary metrics and host cards.

Tests

docker compose run --rm web python manage.py test pobsync_backend.tests.test_views.ViewTests.test_dashboard_renders_hosts_and_latest_runs pobsync_backend.tests.test_views.ViewTests.test_dashboard_renders_backup_trend_summary pobsync_backend.tests.test_views.ViewTests.test_dashboard_links_latest_snapshot_for_each_host -v 2
Result: 3 tests OK
docker compose run --rm web python manage.py test pobsync_backend -v 2
Result: 195 tests OK

Closes #38

## Summary - Reworks the dashboard priority area into a more stable responsive layout. - Adds dedicated dashboard section hooks for summary metrics, trends, and hosts. - Tightens host cards, activity rows, schedule rows, and long text wrapping. - Removes dashboard panel overflow traps that could create internal scrollbars. - Improves medium and small-screen behavior for summary metrics and host cards. ## Tests - `docker compose run --rm web python manage.py test pobsync_backend.tests.test_views.ViewTests.test_dashboard_renders_hosts_and_latest_runs pobsync_backend.tests.test_views.ViewTests.test_dashboard_renders_backup_trend_summary pobsync_backend.tests.test_views.ViewTests.test_dashboard_links_latest_snapshot_for_each_host -v 2` - Result: 3 tests OK - `docker compose run --rm web python manage.py test pobsync_backend -v 2` - Result: 195 tests OK Closes #38

parkel added 3 commits 2026-05-21 14:51:29 +02:00

(ui) Harden dashboard responsive layout 025cd0336c

Rework the dashboard priority grid to avoid cramped four-column layouts,
prevent stretched empty panels, and make long host and snapshot text wrap
safely across dashboard cards.

Refs #38

(ui) Add dashboard section responsive hooks b55950e24a

Give dashboard summary, trends, and host sections dedicated layout hooks
and tighten their responsive behavior so metrics and host cards remain
readable on narrower screens.

Refs #38

(ui) Remove dashboard panel overflow traps 0e2f48ab65

Let dashboard-specific panels size naturally instead of inheriting generic
panel overflow behavior, and tighten activity and host card sizing so long
content wraps without creating internal scrollbars.

Refs #38

parkel merged commit a3a8fea071 into master

2026-05-21 14:51:34 +02:00

parkel deleted branch issue-38-dashboard-responsive-layout

2026-05-21 14:51:35 +02:00

parkel referenced this issue from a commit

2026-05-21 14:51:35 +02:00

Merge pull request 'issue-38-dashboard-responsive-layout' (#41) from issue-38-dashboard-responsive-layout into master

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: hippogrief/pobsync#41