hippogrief/pobsync
1
0
Fork 0
Code Issues 21 Pull Requests Actions Packages Projects Releases 3 Wiki Activity

(ui) Remove dashboard panel overflow traps

Browse Source 
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
This commit is contained in:
Peter van Arkel
2026-05-21 14:50:05 +02:00
parent b55950e24a
commit 0e2f48ab65
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/pobsync_backend/templates/pobsync_backend/base.html
View File

@@ -191,6 +191,10 @@
} }
.dashboard-summary-grid .metric .value { .dashboard-summary-grid .metric .value {
font-size: 25px; font-size: 25px;
}
.dashboard-trends-panel,
.dashboard-hosts-panel {
overflow: visible;
} }
.panel { .panel {
margin-bottom: 18px; margin-bottom: 18px;
@@ -324,6 +328,7 @@
gap: 12px; gap: 12px;
margin-bottom: 0; margin-bottom: 0;
min-width: 0; min-width: 0;
overflow: visible;
} }
.priority-panel > h2:first-child { .priority-panel > h2:first-child {
flex-wrap: wrap; flex-wrap: wrap;
@@ -399,6 +404,9 @@
.activity-row { .activity-row {
grid-template-columns: max-content minmax(0, 1fr); grid-template-columns: max-content minmax(0, 1fr);
} }
.activity-row .status {
justify-self: start;
}
.schedule-row { .schedule-row {
grid-template-columns: minmax(0, 1fr) max-content; grid-template-columns: minmax(0, 1fr) max-content;
} }
@@ -598,6 +606,7 @@
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: var(--radius); border-radius: var(--radius);
box-shadow: var(--shadow-sm); box-shadow: var(--shadow-sm);
min-width: 0;
padding: 16px; padding: 16px;
} }
.host-card:hover { .host-card:hover {