Update build sticky items with height variable for top 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.
Changes
Update build sticky items with height variable for top position
- Use
$calc-application-header-height
variable fortop
property - Remove redundant
-webkit-sticky
useragent prefix property value
Screenshots or screen recordings
Variant | Before | After |
---|---|---|
All | ||
Sticky header | ||
Performance bar | ||
None |
How to set up and validate locally
- Enable system header message in admin settings
- Toggle the performance bar with p + b
- Visit build view e.g. http://127.0.0.1:3000/flightjs/Flight/-/jobs/675
- Ensure
top
position is correct for sticky headers
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Related to #403579 (closed)