Skip to content

Simplify height calculations within Roadmap to prevent UI glitches

Kushal Pandya requested to merge kp-fix-roadmap-styles into master

What does this MR do and why?

Describe in detail what your merge request does and why.

Simplify height calculation logic within the roadmap app to prevent extra scrollbars, besides these changes, this MR also fixes following issues;

  • Epic item height is too small to accommodate timeline bar.
  • While scrolling the list, header and filtered search bar also scroll with it.
  • Epic details cell scrolls on top of the header to appear as if it is broken.

Screenshots or screen recordings

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

Before After
Few epics Screen_Recording_2023-05-08_at_5.18.38_PM Screen_Recording_2023-05-08_at_5.08.38_PM
Lot of epics Screen_Recording_2023-05-08_at_5.11.33_PM Screen_Recording_2023-05-08_at_5.10.00_PM

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

  1. Go to a group and set start and due dates to a few epics.
  2. Visit Roadmap for the group.

MR acceptance checklist

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

Edited by Kushal Pandya

Merge request reports