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

* fix(protocol-designer): fix navbar z-index issue
Opentrons · Nov 20, 2024 · ac051f7 · ac051f7
1 parent d430428
commit ac051f7
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 2 deletions.
diff --git a/components/src/organisms/Toolbox/index.tsx b/components/src/organisms/Toolbox/index.tsx
@@ -140,7 +140,6 @@ export function Toolbox(props: ToolboxProps): JSX.Element {
           <Box
             padding={SPACING.spacing16}
             boxShadow={isScrolledToBottom ? 'none' : '0px -4px 12px #0000001a'}
-            zIndex={3}
             width="100%"
             borderTop={`1px solid ${COLORS.grey30}`}
             alignItems={ALIGN_CENTER}

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};