fix(protocol-designer): fix navbar z-index issue

koji · koji · commit eceb082ae16c · 2024-11-20T12:19:11.000-05:00
fix navbar z-index issue close RQA-3641
diff --git a/protocol-designer/src/organisms/ProtocolNavBar/index.tsx b/protocol-designer/src/organisms/ProtocolNavBar/index.tsx
@@ -96,7 +96,7 @@ export function ProtocolNavBar({
 }
 
 const NavContainer = styled(Flex)<{ showShadow: boolean }>`
-  z-index: 11;
+  z-index: ${props => (props.showShadow === true ? 11 : 0)};
   padding: ${SPACING.spacing12};
   width: 100%;
   justify-content: ${JUSTIFY_SPACE_BETWEEN};

Original file line number	Diff line number	Diff line change
`@@ -96,7 +96,7 @@ export function ProtocolNavBar({`
`96`	`96`	`}`
`97`	`97`
`98`	`98`	const NavContainer = styled(Flex)<{ showShadow: boolean }>`
`99`		`- z-index: 11;`
	`99`	`+ z-index: ${props => (props.showShadow === true ? 11 : 0)};`
`100`	`100`	`padding: ${SPACING.spacing12};`
`101`	`101`	`width: 100%;`
`102`	`102`	`justify-content: ${JUSTIFY_SPACE_BETWEEN};`