Skip to content

Update import table with height variable for top position

Scott de Jonge requested to merge 403579-import-table-header-variables into master

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 127.0.0.1_3000_import_bulk_imports_status__2_
Sticky header 127.0.0.1_3000_import_bulk_imports_status__3_
Performance bar 127.0.0.1_3000_import_bulk_imports_status__1_
None 127.0.0.1_3000_import_bulk_imports_status

How to set up and validate locally

  1. In the header bar, click on + icon (Create new...) > New group.
  2. Select Import group.
  3. Fill in the GDK URL as GitLab source instance URL and a Person Access Token.
  4. Visit http://127.0.0.1:3000/import/bulk_imports/status
  5. Enable system header/footer messages in admin settings
  6. Toggle the performance bar with p + b
  7. 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.

Related to #403579 (closed)

Edited by Scott de Jonge

Merge request reports