jazzymc/unraid-glass
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
10 Commits 1 Branch 0 Tags
c9932f275a6dd6c2ce2f5e6cf5980926c5157285
Commit Graph

10 Commits

This Branch
This Branch
All Branches
Author SHA1 Message Date
Kaloyan Danchev
c9932f275a Dashboard visual fixes round 3: CPU bars, donut, vertical bars, Docker text 
- 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>
 2026-02-08 20:38:24 +02:00
Kaloyan Danchev
596e828223 Add client-side icon replacement, Dashboard fixes, and Apps page styling 
- Add JS icon replacement module to sidebar.js that swaps container icons
  with selfh.st CDN versions on Docker page and Dashboard via MutationObserver
- Fix Dashboard container name extraction (Strategy 2: span.inner > span)
  for containers whose original icon was missing (question.png fallback)
- Add CSS filter for Dashboard folder icons (folder-img-docker class)
- Add icon mappings for containers without CDN matches (netdisco→networking-toolbox,
  urbackup→networking-toolbox, seekandwatch→databasement, unmarr→homarr, dockhand→docker)
- Fix shadowed netdisco-web/netdisco-backend entries in update-icons.sh
- Add Community Applications (Apps page) glass theme overrides

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
 2026-02-08 15:11:07 +02:00
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