From 757936d284cb709709261ff9e0b99580b2106597 Mon Sep 17 00:00:00 2001
From: Peter Stone <thepeterstone@gmail.com>
Date: Mon, 26 Jan 2026 23:21:13 -1000
Subject: 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>
---
 web/templates/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'web/templates')

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">
-- 
cgit v1.2.3