Skip to content

Update nav sidebar use height variables for fixed position

What does this MR do and why?

!114984 (merged) introduces new $calc-application-header-height, $calc-application-footer-height, and $calc-application-viewport-height variables which use calc() to calculate heights based on the conditional presence of system header, system footer, performance bar, and header.

These changes apply $calc-application-header-height and $calc-application-footer-height to the fixed nav-sidebar.

Screenshots or screen recordings

Variant Screenshot
All 127.0.0.1_3000_dashboard_todos__3_
Sticky header 127.0.0.1_3000_dashboard_todos__1_
Sticky footer 127.0.0.1_3000_dashboard_todos__2_
Performance bar 127.0.0.1_3000_dashboard_todos__4_
None 127.0.0.1_3000_dashboard_todos

How to set up and validate locally

  1. Enable system header/footer messages in admin settings
  2. Toggle the performance bar with p + b
  3. Visit any page with nav-sidebar
  4. Ensure top/bottom position is correct

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #403579 (closed)

Merge request reports