shawn/canteen-asset-tracker
1
0
Fork 0
Code Issues 8 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Make work order detail modal scrollable

Browse Source 
- Added max-height: 85vh to modal container
- Made modal-body scrollable (overflow-y: auto, flex shrink)
- Title and action buttons stay fixed while body scrolls
- Fixes 'too tall and not scrollable' when WO details have many items
This commit is contained in:
Shawn
2026-06-01 19:17:10 -04:00
parent 4e4632ab3d
commit 50ba02e79e
3 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets.db.bak.20260531_110825
BIN
View File
Binary file not shown.
assets.db.bak.20260531_132122
BIN
View File
Binary file not shown.
static/index.html
+4 -3
View File
@@ -361,11 +361,12 @@
.modal {
background: var(--card); border: 1px solid var(--border);
border-radius: var(--radius); padding: 20px; width: 100%; max-width: 400px;
max-height: 85vh; display: flex; flex-direction: column;
text-align: center;
}
.modal .modal-title { font-size: 17px; font-weight: 700; margin-bottom: 8px; }
.modal .modal-body { font-size: 14px; color: var(--text2); margin-bottom: 16px; }
.modal .modal-actions { display: flex; gap: 8px; }
.modal .modal-title { font-size: 17px; font-weight: 700; margin-bottom: 8px; flex-shrink: 0; }
.modal .modal-body { font-size: 14px; color: var(--text2); margin-bottom: 16px; overflow-y: auto; flex: 1 1 auto; min-height: 0; }
.modal .modal-actions { display: flex; gap: 8px; flex-shrink: 0; }
.modal .modal-actions .btn { flex: 1; }
/* ═══════════════════════════════════════════════════════════════════════