Browse Source

Fix filament hover card rendering behind sidebar

  Bump FilamentHoverCard z-index from z-50 to z-[60] so it always
  renders above the sidebar (z-30 desktop, z-50 mobile). (#900)
maziggy 1 month ago
parent
commit
8f327c541a

+ 1 - 1
frontend/src/components/FilamentHoverCard.tsx

@@ -157,7 +157,7 @@ export function FilamentHoverCard({ data, children, disabled, className = '', sp
         <div
           ref={cardRef}
           className={`
-            absolute left-1/2 -translate-x-1/2 z-50
+            absolute left-1/2 -translate-x-1/2 z-[60]
             ${position === 'top' ? 'bottom-full mb-2' : 'top-full mt-2'}
             animate-in fade-in-0 zoom-in-95 duration-150
           `}

File diff suppressed because it is too large
+ 0 - 0
static/assets/index-DMDXAsuP.js


+ 1 - 1
static/index.html

@@ -23,7 +23,7 @@
 
     <!-- Splash screens for iOS -->
     <link rel="apple-touch-startup-image" href="/img/android-chrome-512x512.png" />
-    <script type="module" crossorigin src="/assets/index-B6Ntre74.js"></script>
+    <script type="module" crossorigin src="/assets/index-DMDXAsuP.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-CA19cW_f.css">
   </head>
   <body>

Some files were not shown because too many files changed in this diff