Skip to content

Remove flex wrap to avoid wrapping of status and assignees

Rajan Mistry requested to merge ramistry-remove-flex-wrap-md into master

What does this MR do and why?

Remove flex wrap to avoid wrapping of status and assignees.

Reference to Figma designs

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

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

Before After
xs (<576) Screenshot 2024-08-09 at 5.34.26 PM.png Screenshot 2024-08-09 at 5.25.57 PM.png
sm (>=576px) Screenshot 2024-08-09 at 5.33.47 PM.png Screenshot 2024-08-09 at 5.29.25 PM.png
md (>=768px) Screenshot 2024-08-09 at 5.42.48 PM.png Screenshot 2024-08-09 at 5.28.32 PM.png
lg (>=992px) Screenshot 2024-08-09 at 5.33.01 PM.png Screenshot 2024-08-09 at 5.30.06 PM.png
xl (>=1200px) Screenshot 2024-08-09 at 5.32.30 PM.png Screenshot 2024-08-09 at 5.30.37 PM.png

How to set up and validate locally

Prerequisites:

  1. Enable the OKRs feature as mentioned in the OKRs docs (e.g. ::Feature.enabled?(:okrs_mvc, Project.find(<PROJECT_ID>)) and the namespace must have Ultimate plan).

Steps to verify:

  1. Login with any user
  2. Go to Project > Issues
  3. Open or create an Issue/Objective
  4. Create or add existing child items
  5. Add few metadata like labels, assignees, due dates and health status
  6. Check the content is not getting wrapped up
Edited by Rajan Mistry

Merge request reports

Loading