Skip to content

Commit 3413c73

Browse files
Fix sidebar covering header on scroll in Feed Detail Map page
The StyledMapControlPanel had zIndex: 10000 (needed for mobile full-screen overlay) but this was not reset for desktop (md) breakpoint. On desktop the panel has position: relative, so the high z-index created a stacking context that rendered above the fixed AppBar header (z-index 1100) when scrolling. Fix: add zIndex: 'auto' to the md breakpoint to restore normal document stacking order on desktop. Closes #57 Co-authored-by: Alessandro100 <18631060+Alessandro100@users.noreply.github.com>
1 parent bac7a53 commit 3413c73

File tree

1 file changed

+1
-0
lines changed

1 file changed

+1
-0
lines changed

src/app/screens/Feed/Map.styles.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,7 @@ export const StyledMapControlPanel = styled(Box, {
2929
top: 'unset',
3030
paddingTop: 0,
3131
margin: theme.spacing(2),
32+
zIndex: 'auto',
3233
},
3334
}));
3435

0 commit comments

Comments
 (0)