Fix dashboard card layout, icons, alignment, and memory card visibility
- Docker/VM tiles: wrap containers into columns instead of horizontal scroll - Add 6 missing ICON_MAP entries + fireflyiii/minecraft icon assets - Card title icons: align-items flex-start so icons sit beside h3, not below - Scope .head_bar hide rule to Processor card to stop hiding Memory card header Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
21
style.css
21
style.css
@@ -1061,8 +1061,8 @@ table.dashboard > tbody.sortable > tr:last-child {
|
||||
}
|
||||
|
||||
/* Hide compact Load: row in Processor card — Overall Load row shows same info.
|
||||
Unraid's DashStats.css hides span.switch but the row keeps 33px of padding/gap */
|
||||
table.dashboard > tbody.sortable > tr:has(.head_bar) {
|
||||
Scoped to .system tbody to avoid hiding Memory card header which also has .head_bar */
|
||||
table.dashboard > tbody.system.sortable > tr:has(.head_bar) {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
@@ -1075,9 +1075,12 @@ table.dashboard > tbody.sortable > tr > td {
|
||||
padding: 6px 6px !important;
|
||||
color: var(--glass-text) !important;
|
||||
background: transparent !important;
|
||||
overflow-x: auto !important;
|
||||
scrollbar-color: rgba(255, 255, 255, 0.15) transparent !important;
|
||||
scrollbar-width: thin !important;
|
||||
}
|
||||
|
||||
/* Docker/VM container grid: wrap into columns instead of horizontal scroll */
|
||||
#docker_view > tr:not(:first-child) > td,
|
||||
#vm_view > tr:not(:first-child) > td {
|
||||
white-space: normal !important;
|
||||
}
|
||||
|
||||
/* Header row of each card */
|
||||
@@ -1145,11 +1148,17 @@ span.tile-header {
|
||||
|
||||
span.tile-header-left {
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
align-items: flex-start !important;
|
||||
gap: 10px !important;
|
||||
flex: 1 !important;
|
||||
}
|
||||
|
||||
/* Align card title icons with h3 text */
|
||||
span.tile-header-left > i.f32 {
|
||||
margin-top: 2px !important;
|
||||
flex-shrink: 0 !important;
|
||||
}
|
||||
|
||||
/* Stopgap spacers → hidden (card margins handle spacing) */
|
||||
table.dashboard > thead.stopgap {
|
||||
display: none !important;
|
||||
|
||||
Reference in New Issue
Block a user