diff options
| author | Peter Stone <thepeterstone@gmail.com> | 2026-01-26 23:21:13 -1000 |
|---|---|---|
| committer | Peter Stone <thepeterstone@gmail.com> | 2026-01-26 23:21:13 -1000 |
| commit | 757936d284cb709709261ff9e0b99580b2106597 (patch) | |
| tree | 455c8a4232af4030b32b7489db8fe3df4e6cd5e0 /web/templates | |
| parent | d5e6a350f8d4dde572ce17874904cd385cf91bb5 (diff) | |
Fix z-index layering for FAB button and details dropdown (#58, #59)
- Add z-40 to FAB button so it floats above scrolling content
- Increase details dropdown from z-20 to z-30
Z-index hierarchy:
- Content: default
- Sticky headers: z-10
- Details dropdown: z-30
- FAB button: z-40
- Modals: z-50
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Diffstat (limited to 'web/templates')
| -rw-r--r-- | web/templates/index.html | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/web/templates/index.html b/web/templates/index.html index 6bc513c..c6743ba 100644 --- a/web/templates/index.html +++ b/web/templates/index.html @@ -75,7 +75,7 @@ onclick="toggleDetailsDropdown(event)"> 📁 Details ▾ </button> - <div id="details-menu" class="hidden absolute top-full left-0 mt-1 bg-black/90 backdrop-blur-md rounded-lg p-1 min-w-[140px] z-20 border border-white/20 shadow-lg"> + <div id="details-menu" class="hidden absolute top-full left-0 mt-1 bg-black/90 backdrop-blur-md rounded-lg p-1 min-w-[140px] z-30 border border-white/20 shadow-lg"> <button class="w-full text-left px-3 py-2 rounded text-sm text-white/80 hover:bg-white/20 hover:text-white transition-colors {{if eq .ActiveTab "tasks"}}bg-white/20 text-white{{end}}" hx-get="/tabs/tasks" @@ -118,7 +118,7 @@ <!-- Unified Action Button (FAB) --> <button onclick="openActionModal()" - class="fixed bottom-4 right-4 bg-black/60 hover:bg-black/80 backdrop-blur-sm text-white p-4 rounded-full no-print" + class="fixed bottom-4 right-4 z-40 bg-black/60 hover:bg-black/80 backdrop-blur-sm text-white p-4 rounded-full no-print" style="box-shadow: 0 0 12px black;" title="Quick Actions (Ctrl+K)"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> |