fix: consistent z-index across all modal and dialog components (#2582)

novasamatech · Nov 6, 2024 · cc8d6ce · cc8d6ce
1 parent 43a0337
commit cc8d6ce
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/renderer/shared/ui-kit/Dropdown/Dropdown.tsx b/src/renderer/shared/ui-kit/Dropdown/Dropdown.tsx
@@ -84,7 +84,7 @@ const Content = ({ children }: PropsWithChildren) => {
         <Surface
           elevation={1}
           className={cnTw(
-            'flex flex-col',
+            'z-50 flex flex-col',
             'h-max max-h-[--radix-popper-available-height] max-w-60',
             'min-w-20 overflow-hidden duration-100 animate-in fade-in zoom-in-95',
           )}

diff --git a/src/renderer/shared/ui-kit/Popover/Popover.tsx b/src/renderer/shared/ui-kit/Popover/Popover.tsx
@@ -77,7 +77,7 @@ const Content = ({ children }: PropsWithChildren) => {
         data-testid={testId}
         onClick={(e) => e.stopPropagation()}
       >
-        <div className="rounded-md border border-token-container-border bg-block-background-default text-body shadow-shadow-2 duration-100 animate-in fade-in zoom-in-95">
+        <div className="z-50 rounded-md border border-token-container-border bg-block-background-default text-body shadow-shadow-2 duration-100 animate-in fade-in zoom-in-95">
           {children}
         </div>
       </RadixPopover.Content>