richie/Parsons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WizardLayout: fix gap between nav and sticky search on scroll

Browse Source 
- Removed top padding from list-map scroll container (pt: 0)
- Back link gets its own pt: 1.5 wrapper for breathing room
- Sticky search bar now pins flush against nav when scrolled

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Richie
2026-03-30 20:31:35 +11:00
parent ae9347e683
commit 7f05f3812b
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/templates/WizardLayout/WizardLayout.tsx
View File

@@ -177,7 +177,8 @@ const ListMapLayout: React.FC<{
flexShrink: 0, flexShrink: 0,
overflowY: 'auto', overflowY: 'auto',
px: { xs: 2, md: 3 }, px: { xs: 2, md: 3 },
py: 3, pt: 0,
pb: 3,
// Thin scrollbar, hidden until hover // Thin scrollbar, hidden until hover
scrollbarWidth: 'thin', scrollbarWidth: 'thin',
scrollbarColor: 'transparent transparent', scrollbarColor: 'transparent transparent',
@@ -376,7 +377,9 @@ export const WizardLayout = React.forwardRef<HTMLDivElement, WizardLayoutProps>(
secondaryPanel={secondaryPanel} secondaryPanel={secondaryPanel}
backLink={ backLink={
showBackLink && variant === 'list-map' ? ( showBackLink && variant === 'list-map' ? (
<BackLink label={backLabel} onClick={onBack} /> <Box sx={{ pt: 1.5 }}>
<BackLink label={backLabel} onClick={onBack} />
</Box>
) : undefined ) : undefined
} }
> >