Skip to content

fix: prevent left nav bar from overlapping dashboard content#326

Open
Cy-fox wants to merge 3 commits intoneed4deed-org:developfrom
Cy-fox:fix/left-menu-blocking-dashboard-324
Open

fix: prevent left nav bar from overlapping dashboard content#326
Cy-fox wants to merge 3 commits intoneed4deed-org:developfrom
Cy-fox:fix/left-menu-blocking-dashboard-324

Conversation

@Cy-fox
Copy link
Copy Markdown
Contributor

@Cy-fox Cy-fox commented Apr 15, 2026

Summary

  • Fixes the fixed left navigation bar overlapping the search bar and list area on the dashboard at certain viewport widths
  • Uses CSS max() to set margin-left to whichever is larger: the sidebar width or the centred layout offset, so content is always pushed clear of the nav bar

Closes #324

@need4deed
Copy link
Copy Markdown
Contributor

need4deed commented Apr 16, 2026

Victor this PR is picking up all the middleware changes from #319 (default language + cookie persistence) because it looks like it was branched off that branch instead of main.

The actual fix here (the container.tsx margin change) is clean and good to go — it just needs to be rebased onto main so the two PRs stay separate. Once you do that this should be a very quick merge.

@need4deed need4deed self-requested a review April 16, 2026 08:56
@Cy-fox Cy-fox force-pushed the fix/left-menu-blocking-dashboard-324 branch from d31a9ff to 12f9769 Compare April 16, 2026 09:17
Cy-fox and others added 3 commits April 17, 2026 17:10
Use CSS max() to clamp the left margin to the sidebar width on narrow
viewports, so the fixed navigation bar never hides the search bar or
list area. Closes need4deed-org#324.
After testing, the sidebar edge was still clipping the leftmost
character of list column headers. Add 16px to the clamped left
margin — matching the nav bar's own horizontal padding — to give
content a clear visual gap from the sidebar.
Several types were renamed or restructured in the SDK bump that merged
with develop, leaving the codebase in a broken state where tsc --noEmit
fails on every branch:

- AgentCard: use extracted `volunteerSearch` (not agent.volunteerSearch
  which doesn't exist on ApiAgentGetList)
- helpers (Agents): add fallback for volunteerSearch being undefined
- statusMaps: SDK enums (e.g. VolunteerStateEngagementType and
  AgentEngagementStatusType) share the same string values, making
  object-literal duplicate-key errors unavoidable; switch to
  Object.fromEntries so last-write-wins logic is preserved without
  compile errors
- AccompanyingDetails helpers: languageToTranslate is now number in SDK,
  convert to string for the form
- AgentContactDetails: representative → representatives[0] (field
  renamed to plural array in SDK)
- useUpdateAgentContact / useUpdateOrganizationDetails: ApiRepresentativePatch
  removed from SDK; use ApiRepresentativeGet (same shape for patching)
@Cy-fox Cy-fox force-pushed the fix/left-menu-blocking-dashboard-324 branch from 7514604 to c930313 Compare April 17, 2026 16:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

left menu blocking the dashboard view

2 participants