Prevent value but not icon from being hidden in issue list

What does this MR do and why?

Currently weight and date values get hidden between SM-MD size (also at XS, but through a different mechanism) however the icons are still visible. This is a regression from the previous experience where both icon and value were hidden, and creates an unclear floating icon.

This MR moves the class back to a parent component so that the CSS rule applies to the parent and not just the value.

References

Screenshots or screen recordings

Before After
image.png image.png

How to set up and validate locally

  1. Open the issue list
  2. Ensure there's an issue with both a due date and weight set
  3. Resize window so the viewport is between 576-991px wide

MR acceptance checklist

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

Merge request reports

Loading