Update import table 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.
Use $calc-application-header-height
variable for top
property
Screenshots or screen recordings
Variant | Screenshot |
---|---|
All | |
Sticky header | |
Performance bar | |
None |
How to set up and validate locally
- In the header bar, click on + icon (Create new...) > New group.
- Select Import group.
- Fill in the GDK URL as GitLab source instance URL and a Person Access Token.
- Visit http://127.0.0.1:3000/import/bulk_imports/status
- Enable system header/footer messages in admin settings
- Toggle the performance bar with p + b
- Validate sticky headers in table have correct top position
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)
Edited by Scott de Jonge