@flamingo-stack/openframe-frontend-core 0.0.349 → 0.0.350-snapshot.20260701042600

package/src/components/navigation/sliding-sidebar.tsx

@@ -155,7 +155,11 @@ export function SlidingSidebar({ config }: SlidingSidebarProps) {
 
   return (
     <>
-      {/* Overlay */}
+      {/* Overlay — admin-drawer tier (overlay z-[45] / panel z-[46]): ABOVE the
+          footer (lowered to z-[44]) so the open drawer covers it, but BEHIND the
+          header (z-[50]) so the header stays visible on top (the panel has a
+          header spacer below). Kept under z-50 so it also stays beneath modals/
+          dialogs (z-50+). See the z-index hierarchy in ODS_TOKEN_RULES.md. */}
       <AnimatePresence>
         {config.isOpen && (
           <motion.div
@@ -166,7 +170,7 @@ export function SlidingSidebar({ config }: SlidingSidebarProps) {
               duration: 0.3, 
               ease: [0.4, 0, 0.2, 1]
             }}
-            className="fixed inset-0 bg-black/50 z-[40]"
+            className="fixed inset-0 bg-black/50 z-[45]"
             onClick={() => config.onClose()}
           />
         )}
@@ -187,7 +191,7 @@ export function SlidingSidebar({ config }: SlidingSidebarProps) {
           velocity: config.isOpen ? 5 : -5
         }}
         className={cn(
-          "fixed top-0 bottom-0 z-[45] w-72 bg-ods-card border-ods-border flex flex-col shadow-xl",
+          "fixed top-0 bottom-0 z-[46] w-72 bg-ods-card border-ods-border flex flex-col shadow-xl",
           config.position === 'right' ? "right-0 border-l" : "left-0 border-r",
           config.className
         )}