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:
1
assets/icons/fireflyiii-light.svg
Normal file
1
assets/icons/fireflyiii-light.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M197 351.3c4.1 0 7.5 3.4 7.5 7.5s-3.4 7.5-7.5 7.5-7.5-3.4-7.5-7.5 3.4-7.5 7.5-7.5m230.8.8c-5.1-38.5-23.3-37.5-31.4-66.9s17.6-22.2-4.1-72.7c0 0-9.6-24-46.2-41.4-23.5-11.1-7.5-61.5-49.1-112.2S215.6 0 215.6 0s19.5 66.2-18 104.7-33.5 81.1-18.3 101.4 14.2 35.5 2 46.7-22.3 19.3-29.4 1-15.2-18.3-18.3-27.4-9.1-25.4-9.1-25.4-19.3 30.4-31.4 48.7-12.2 46.7-4.1 61.9 5.1 33.5-1 58.8c-6.1 25.4 2 63.9 30.4 79.1s62.9 27.4 78.1 41.6 50.7 27.4 96.4 17.2c45.6-10.1 103.5-56.8 113.6-88.2 0 0 26.4-29.4 21.3-68m-80.1 86.3v19.8c-3.6 7.1-9.6 9.5-29.7 9.5s-22.9-5.5-22.9-5.5v-4c-30.9 4-47.7 0-47.7 0 0 3.5 0 4.1-3 7.1s-21.4 3.2-35.2 1.2c-13.9-2-12.3-8.7-12.3-8.7v-20.2c-22.6-15.9-28.9-40-28.9-40l-13 .3c-7.1 0-10.1-9.1-10.1-9.1v-29.4c0-9.2 9.1-11.2 9.1-11.2l12.7-1c4.3-30.4 36-53.8 36-53.8l-1.8-41.9c34.2-6.2 53.4 28.6 53.5 28.6 38-4.6 75.4 3.3 93.3 20.1 15.7 14.7 27.4 27.8 28.3 65.6 1 43.9-28.3 72.6-28.3 72.6m28.9-89.1-1.9-9.3s-14.4-6.9-32.2 3.2c0 0-21.1-7.1-32.4 2.1-11.7 9.5-12.9 20.7-12.3 33.8 0 0 10.2-34.7 35.8-25.8 0 0-18.2 32 10.1 37.6 0 0 6.7 0 12.2-3.4 5.3-3.2 9.4-9 7.7-19.6 0 0-3.4-10.6-12.3-16.9 0 0 8.7-6.2 25.3-1.7m-25.2 18.5c5.5 9-3.9 13.5-3.9 13.5-17.6 1.4-4.4-23.5-4.4-23.5s2.7.6 8.3 10" style="fill:#fff"/></svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
BIN
assets/icons/fireflyiii.png
Normal file
BIN
assets/icons/fireflyiii.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
1
assets/icons/minecraft-light.svg
Normal file
1
assets/icons/minecraft-light.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M474.3 129.5c0-.2-.1-.3-.2-.5-.1-.3-.2-.7-.4-1-.1-.2-.3-.4-.4-.6-.2-.2-.3-.5-.6-.7-.2-.2-.4-.4-.7-.5-.2-.2-.4-.3-.6-.5h-.1L259.2.9c-2-1.2-4.4-1.2-6.3 0L40.6 125.7h-.1c-.2.1-.4.3-.6.5s-.5.3-.7.5-.4.5-.6.7c-.1.2-.3.4-.4.6-.2.3-.3.7-.4 1-.1.2-.2.3-.2.5-.1.5-.2 1.1-.2 1.6v249.8c0 2.2 1.2 4.3 3.1 5.4l212.3 124.9c.3.2.6.3 1 .4.2.1.4.2.5.2.5.1 1.1.2 1.6.2s1.1-.1 1.6-.2c.2 0 .4-.2.5-.2.3-.1.6-.2 1-.4l212.3-124.9c1.9-1.1 3.1-3.2 3.1-5.4V131.1c.1-.5.1-1.1-.1-1.6M50 197.3l20 11.9.6-31.2 26.2 15.6v31.2l26.8 15.6 26.2 15.6v31.2l26.5 15.6v-31.2l26.5 15.6V256l26.5 15.6V334l20.3 11.9v148.9L50 377.3zm212.2 297.5v-180l20.3-11.9v-31.2l26.5-15.6v31.2l53.1-31.2v31.2l26.5-15.6v-31.2l26.5-15.6v-31.2l26.5-15.6v62.4l20.3-11.9v148.9z" style="fill:#fff"/></svg>
|
||||
|
After Width: | Height: | Size: 836 B |
BIN
assets/icons/minecraft.png
Normal file
BIN
assets/icons/minecraft.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
@@ -219,7 +219,13 @@
|
||||
'urbackup': 'networking-toolbox',
|
||||
'seekandwatch': 'databasement',
|
||||
'unmarr': 'homarr',
|
||||
'dockhand': 'docker'
|
||||
'dockhand': 'docker',
|
||||
'firefly-data-importer': 'fireflyiii',
|
||||
'fireflyiii': 'fireflyiii',
|
||||
'home-assistant-container': 'home-assistant',
|
||||
'home-assistant-time-machine': 'apple',
|
||||
'termix': 'networking-toolbox',
|
||||
'tuyagateway': 'home-assistant'
|
||||
};
|
||||
|
||||
// Resolve container name to selfh.st CDN URL
|
||||
|
||||
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