From 4094e04a674925eadfc8486ccf637511853d1424 Mon Sep 17 00:00:00 2001 From: stellarshenson Date: Tue, 6 Jan 2026 22:54:24 +0100 Subject: [PATCH] fix: further admin panel styling refinements - Reduce user row hover to nearly invisible (0.003 alpha) - Fix Add Users button: stock colors in light mode, explicit in dark mode - Make collapse buttons more compact (0.2rem 0.3rem) - Add username label left padding - Update journal --- .claude/JOURNAL.md | 2 +- project.env | 2 +- .../templates_enhanced/static/custom.css | 18 +++++++++++++----- 3 files changed, 15 insertions(+), 7 deletions(-) diff --git a/.claude/JOURNAL.md b/.claude/JOURNAL.md index 6022021..b0f9c9b 100644 --- a/.claude/JOURNAL.md +++ b/.claude/JOURNAL.md @@ -104,4 +104,4 @@ This journal tracks substantive work on documents, diagrams, and documentation c **Result**: Commented out all console.log and console.error statements in admin.html (11 total) - fetch interceptor logs, user creation detection, credentials fetch/receive, error handlers. Version display in home.html remains active as only console output 34. **Task - Comprehensive UI styling enhancements**: Extended custom.css with consistent styling across all JupyterHub pages
- **Result**: Added notifications page styling (form container, textarea, character counter, results section with banded table, status badges), removed obtrusive hover highlight on admin user rows (replaced with subtle 0.015 alpha effect), set collapsed user card padding to 0 to override inline styles, unified button font sizes to 0.8rem across all pages (authorization buttons, token revoke, admin actions, collapse buttons, toggle details), added Add Users form panel styling (labels, textarea, submit button, dark mode support), full dark mode support for all new styles + **Result**: Added notifications page styling (form container, textarea, character counter, results section with banded table, status badges), removed obtrusive hover highlight on admin user rows (replaced with subtle 0.003 alpha effect), set collapsed user card padding to 0 to override inline styles, unified button font sizes to 0.8rem across all pages (authorization buttons, token revoke, admin actions, collapse buttons, toggle details), added Add Users form panel styling (labels, textarea, submit button, dark mode support), disabled hover on expanded card tables via box-shadow override, added groups page styling (list items, card footer, badges), styled collapse/expand buttons (0.2rem 0.3rem padding), added username label spacing, dark mode Add Users button with explicit colors (#f8f9fa bg, #6c757d border) diff --git a/project.env b/project.env index e021bc0..8ae226d 100644 --- a/project.env +++ b/project.env @@ -3,7 +3,7 @@ PROJECT_NAME="stellars-jupyterhub-ds" PROJECT_DESCRIPTION="Multi-user JupyterHub 4 deployment platform with data science stack, GPU auto-detection, NativeAuthenticator, and isolated per-user environments spawned via DockerSpawner" # Version -VERSION="3.5.24_cuda-12.9.1_jh-5.4.2" +VERSION="3.5.25_cuda-12.9.1_jh-5.4.2" VERSION_COMMENT="Admin user creation with auto-generated passwords, NativeAuth sync, custom templates" RELEASE_TAG="RELEASE_3.2.11" RELEASE_DATE="2025-11-09" diff --git a/services/jupyterhub/templates_enhanced/static/custom.css b/services/jupyterhub/templates_enhanced/static/custom.css index b19d3d6..25578e3 100644 --- a/services/jupyterhub/templates_enhanced/static/custom.css +++ b/services/jupyterhub/templates_enhanced/static/custom.css @@ -1061,17 +1061,25 @@ textarea.form-control { color: #495057 !important; } -/* Subtle hover for user rows */ +/* Subtle hover for user rows - nearly invisible */ .server-dashboard-container .user-row:hover { - background-color: rgba(0, 0, 0, 0.008) !important; + background-color: rgba(0, 0, 0, 0.003) !important; } -/* Add Users button - only adjust size, keep stock btn-light colors */ +/* Add Users button */ .server-dashboard-container .add-users-button { padding: 0.2rem 0.5rem !important; font-size: 0.8rem !important; } +/* Dark mode Add Users button */ +[data-bs-theme="dark"] .server-dashboard-container .add-users-button.btn-light { + background-color: #f8f9fa !important; + background-image: none !important; + border-color: #6c757d !important; + color: #000000 !important; +} + /* Add Users form panel */ .server-dashboard-container .add-users-form, .server-dashboard-container [class*="add-users"], @@ -1315,9 +1323,9 @@ textarea.form-control { color: #dee2e6 !important; } -/* Dark mode - subtle hover for user rows */ +/* Dark mode - subtle hover for user rows - nearly invisible */ [data-bs-theme="dark"] .server-dashboard-container .user-row:hover { - background-color: rgba(255, 255, 255, 0.008) !important; + background-color: rgba(255, 255, 255, 0.003) !important; } /* Dark mode - checkbox label brighter */