fix(components, theme): decrease Backdrop z-index to fix overlapping …

…modals view
trezor · Nov 1, 2024 · d7373ba · d7373ba
1 parent ec6f90c
commit d7373ba
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/packages/components/src/components/modals/Modal/Backdrop.tsx b/packages/components/src/components/modals/Modal/Backdrop.tsx
@@ -13,7 +13,7 @@ export type BackdropProps = {
 
 const Wrapper = styled.div<{ $alignment: ModalAlignment }>`
     position: absolute;
-    z-index: ${zIndices.modal};
+    z-index: ${zIndices.legacyModal};
     inset: 0;
     display: flex;
     flex-direction: column;

diff --git a/packages/theme/src/zIndices.ts b/packages/theme/src/zIndices.ts
@@ -11,6 +11,7 @@ export const zIndices = {
     discoveryProgress: 41,
 
     modal: 40, // above other suite content to disable interacting with it
+    legacyModal: 39, // below MODAL in case another modal overlaps it, e.g. ReconnectDevicePrompt
     draggableComponent: 30, // sidebar, above other content to be visible when dragged, resized
     navigationBar: 30,
     expandableNavigationHeader: 21, // above EXPANDABLE_NAVIGATION to cover its box-shadow