From 31f6872a0741a09cc6a85fe40637d4af303ea148 Mon Sep 17 00:00:00 2001 From: Nicholas Nelson Date: Mon, 6 Nov 2023 13:58:09 -0800 Subject: [PATCH] Prevent overlap by setting `z-index: 1000` upon Card fullscreen expansion (#1342) --- packages/renderer/src/components/Card/BaseCard.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/renderer/src/components/Card/BaseCard.tsx b/packages/renderer/src/components/Card/BaseCard.tsx index 6cbcff1e..78e71cc9 100644 --- a/packages/renderer/src/components/Card/BaseCard.tsx +++ b/packages/renderer/src/components/Card/BaseCard.tsx @@ -301,7 +301,7 @@ const CardComponent = styled('div')(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',