Commit Graph

8 Commits

Author SHA1 Message Date
Kaloyan Danchev
673366db5f Add selfh.st icon replacement script for Docker and VM icons
Server-side bash script reads `glass.icon` Docker labels and replaces
Unraid's cached icon PNGs with selfh.st CDN versions. Auto-detects
icon names from container names when no label is set. Supports VMs
via vm-icons.conf mapping file.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-08 11:29:56 +02:00
Kaloyan Danchev
969c240553 Fix horizontal scroll caused by sidebar margin offset
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>
2026-02-08 11:02:23 +02:00
Kaloyan Danchev
b17efa805f Transparent header, sidebar spacing, title cleanup, and tab inner glow
- 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>
2026-02-08 10:46:59 +02:00
Kaloyan Danchev
01fcb31052 Override FolderView plugin styles on Docker/VM pages
- 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>
2026-02-08 09:46:04 +02:00
Kaloyan Danchev
fb07089ee5 Add comprehensive inner page glass styling
- Glass wrapper for inner page tables (Shares, Docker, VMs, Main)
- Tab navigation styling with active/inactive glass pills (nav.tabs, div.tab)
- Header bar subtle glass treatment
- Settings icon grid tile glass cards
- Form section bands (div.shade) from opaque dark to subtle transparent
- Dropdown checklist containers glass styling
- Help text, blockquote, disabled button, checkbox/radio styling
- Content padding on #displaybox for consistent spacing

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-08 09:40:52 +02:00
Kaloyan Danchev
494f689008 Style popups, modals, and Spotlight search; fix card toggle and nav overlap
- Fix card show/hide toggle by removing !important from display: block
- Fix sidebar nav-tile.right overlap by removing position: sticky
- Remove card header separator line for smooth transition
- Add glass styling for Docker/VM context menu dropdowns
- Add glass styling for sweet-alert modals with light text
- Restyle search as centered Spotlight popup (600px, glass bg)
- Fix search icon click by removing inline onclick handler
- Update awesomplete dropdown with glass effect and proper spacing
- Increase glass brightness, blur, and card padding/typography

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-08 09:31:16 +02:00
Kaloyan Danchev
c4b11fce6b Add project documentation with CSS/DOM lessons learned
CLAUDE.md covers: Unraid sidebar DOM structure, critical CSS pitfalls
(position:fixed override, inline-flex display, backdrop-filter containing
block), icon font mapping, deployment paths, search overlay architecture.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-07 23:30:04 +02:00
Kaloyan Danchev
a2ca0730c5 Initial commit: visionOS glassmorphism theme for Unraid 7.2.3
- 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>
2026-02-07 23:20:30 +02:00