fix: Resolves content-manager header having a higher z-index than modal

Co-authored-by: AqidaHaidari <42426077+AqidaHaidari@users.noreply.github.com>
gitstart · Sep 12, 2023 · d3a15b5 · d3a15b5
1 parent 13ccb77
commit d3a15b5
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/strapi-design-system/src/Dialog/Dialog.tsx b/packages/strapi-design-system/src/Dialog/Dialog.tsx
@@ -47,7 +47,7 @@ export const Dialog = ({ onClose, title, as = 'h2', isOpen, id, ...props }: Dial
 
   return (
     <Portal>
-      <DialogWrapper padding={8} position="fixed" zIndex={4}>
+      <DialogWrapper padding={8} position="fixed" zIndex={10}>
         <FocusTrap>
           <DismissibleLayer onEscapeKeyDown={onClose} onPointerDownOutside={onClose}>
             <DialogContainer

diff --git a/packages/strapi-design-system/src/ModalLayout/ModalLayout.tsx b/packages/strapi-design-system/src/ModalLayout/ModalLayout.tsx
@@ -24,7 +24,7 @@ export const ModalLayout = ({ onClose, labelledBy, ...props }: ModalLayoutProps)
   return (
     <Portal>
       <ModalContext.Provider value={onClose}>
-        <ModalWrapper justifyContent="center" paddingLeft={8} paddingRight={8} position="fixed" zIndex={4}>
+        <ModalWrapper justifyContent="center" paddingLeft={8} paddingRight={8} position="fixed" zIndex={10}>
           <FocusTrap>
             <DismissibleLayer onEscapeKeyDown={onClose} onPointerDownOutside={onClose}>
               <Box