From a21205b77571b524d027232ae01c6b392929ccb8 Mon Sep 17 00:00:00 2001 From: Charles de Dreuille Date: Tue, 26 Sep 2023 07:44:30 -0500 Subject: [PATCH 1/3] fix z-index in modal elements --- src/components/Modal/Modal.styled.tsx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/components/Modal/Modal.styled.tsx b/src/components/Modal/Modal.styled.tsx index 69e9521..39957c4 100644 --- a/src/components/Modal/Modal.styled.tsx +++ b/src/components/Modal/Modal.styled.tsx @@ -8,6 +8,7 @@ export const StyledOverlay = styled.div` inset: 0px; width: 100%; height: 100%; + z-index: 10; `; export const StyledContent = styled.div<{ @@ -27,6 +28,7 @@ export const StyledContent = styled.div<{ max-width: calc(100% - 40px); max-height: 85vh; overflow: hidden; + z-index: 11; &:focus-visible { outline: none; From 623d2b213a43a00d72fcfd18bb2bf7808428428f Mon Sep 17 00:00:00 2001 From: Yann Braga Date: Tue, 26 Sep 2023 11:27:49 -0500 Subject: [PATCH 2/3] update step selector --- src/features/GuidedTour/GuidedTour.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/features/GuidedTour/GuidedTour.tsx b/src/features/GuidedTour/GuidedTour.tsx index 3864354..b2591ed 100644 --- a/src/features/GuidedTour/GuidedTour.tsx +++ b/src/features/GuidedTour/GuidedTour.tsx @@ -100,7 +100,7 @@ export function GuidedTour({ }, }, { - target: "#root div[role=main]", + target: "#root > div", title: "Interactive story playground", content: ( <> From 9bdace7b71efb4556b293da513a7f4c545a32d7c Mon Sep 17 00:00:00 2001 From: Yann Braga Date: Wed, 27 Dec 2023 08:43:27 -0300 Subject: [PATCH 3/3] Revert "update step selector" This reverts commit 623d2b213a43a00d72fcfd18bb2bf7808428428f. --- src/features/GuidedTour/GuidedTour.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/features/GuidedTour/GuidedTour.tsx b/src/features/GuidedTour/GuidedTour.tsx index b2591ed..3864354 100644 --- a/src/features/GuidedTour/GuidedTour.tsx +++ b/src/features/GuidedTour/GuidedTour.tsx @@ -100,7 +100,7 @@ export function GuidedTour({ }, }, { - target: "#root > div", + target: "#root div[role=main]", title: "Interactive story playground", content: ( <>