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