nchebrov/stellars-jupyterhub-ds
1
0
Fork 0
mirror of https://github.com/stellarshenson/stellars-jupyterhub-ds.git synced 2026-03-17 02:05:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: further admin panel styling refinements

Browse Source 
- 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
This commit is contained in:
stellarshenson
2026-01-06 22:54:24 +01:00
parent ddc9cb8382
commit 4094e04a67
3 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.claude/JOURNAL.md
View File

@@ -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<br>
**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)

2
project.env
View File

@@ -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"

18
services/jupyterhub/templates_enhanced/static/custom.css
View File

@@ -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 */