- Dashboard: overflow-x auto on card td cells for Docker container grid
- Dashboard: text-overflow ellipsis on span.outer for long container names
- Main: overflow-x auto on tabpanels (ZFS Master, Boot Device, etc.)
- Docker/VM: overflow-x auto on .TableContainer wrapper
- Apps: overflow-x auto on .ca_homeTemplates card rows
- Apps: box-sizing border-box on .ca_appPopup to prevent card overflow
- Consistent glass scrollbar styling (thin, translucent) on all
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Add pie chart recoloring (vibrant theme colors for System donuts)
- Add system legend color matching for donut chart legends
- Add lock button state toggling (locked/unlocked icon via MutationObserver)
- Add Tailscale light SVG icon replacement in sidebar
- Fix horizontal scrollbar with overflow-x: hidden
- Fix header not shifting with sidebar (add #header to margin-left transition)
- Fix dashboard double-blur (disable stacking backdrop-filter on tables)
- Simplify toggle button style (transparent bg, hover-only highlight)
- Style CPU bars with color-coded gradients (green/orange/red)
- Style donut charts with thinner ring and opaque center
- Style toggle switches with glass appearance
- Style card header control icons (transparent, white)
- Force white text in Docker dashboard view
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Download 69 selfh.st icon files (34 PNG, 34 light SVG, unraid.svg) into
assets/icons/ and add wallpaper to assets/. Update sidebar.js to serve
icons from /custom/assets/icons/ instead of cdn.jsdelivr.net. Update
style.css wallpaper path to /custom/assets/wallpaper.jpg.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Fix CPU bars: specificity override (#displaybox table.dashboard) for thin
10px color-coded bars (green/orange/red) filling full card width
- Fix CPU chart: force full-width display on #cpu_chart td and canvas
- Fix Docker text: force white color on all #docker_view spans and links
- Fix System donut: remove saturate/brightness filter, thinner ring (78%),
fully opaque center background
- Add vertical pill bars for Array/Cache/Unassigned disk utilization with
JS module to convert horizontal bars to 28x50px vertical pills with %
text inside, MutationObserver for dynamic updates
- Add legend color JS module to fix invisible System card legend circles
with inline !important colors matching recolored pie segments
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Constrain #displaybox max-width to viewport minus sidebar width
and add overflow-x: hidden to prevent horizontal scrollbar.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Header: force transparent background (no glass)
- Content area: preserve sidebar margin when collapsed/expanded
- Page titles: remove background and bottom border
- Tabs: replace blue accent with white glass + inset glow on active
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Fix opaque dark rows (rgb(18,21,16)) on folder and container rows
- Replace white/light borders on folder-preview containers with subtle glass
- Style folder dropdown buttons, inner text, and state indicators
- Add alternating row transparency for table readability
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- style.css: Full CSS theme with frosted glass cards, sidebar styling,
dashboard individual glass cards, search overlay, FA icon replacements
- sidebar.js: Collapsible sidebar toggle with Unraid logo, search popup
(moved to body to escape backdrop-filter containing block), Cmd+K shortcut
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
