Prevent overlap by setting z-index: 1000 upon Card fullscreen expan…

…sion (#1342)
EPICLab · Nov 6, 2023 · 31f6872 · 31f6872
1 parent 4d36d96
commit 31f6872
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/renderer/src/components/Card/BaseCard.tsx b/packages/renderer/src/components/Card/BaseCard.tsx
@@ -301,7 +301,7 @@ const CardComponent = styled('div')<StyledProps>(props => ({
   transform: props.dragOverlay ? undefined : CSS.Translate.toString(props.transform),
   transition: props.dragOverlay ? undefined : props.transition,
   perspective: 1000,
-  zIndex: 1,
+  zIndex: props.expanded ? 1000 : 1,
   left: props.expanded ? 0 : props.dragOverlay || props.captured ? undefined : props.x,
   top: props.expanded ? 38.5 : props.dragOverlay || props.captured ? undefined : props.y,
   visibility: !props.dragOverlay && props.dragging ? 'hidden' : 'unset',