Skip to content

Resolve "Health Status text displaying twice on Epic Tree"

What does this MR do?

Don't show the sm text on xl screens

before after
Screen_Shot_2020-07-08_at_7.57.37_am Screen_Shot_2020-07-08_at_7.57.28_am

Some possible alternative approaches:

  1. Add d-none-xl to the short titles in vue
  2. Add responsive gl-display-sm-none and friends to gitlab-ui and use those
  3. Check breakpoint size with JS and render short/long/no text accordingly
  4. Remove 'issues', set wrapper of icon + text to overflow hidden and don't have any conditional display based on screen size

Does this MR meet the acceptance criteria?

Conformity

Closes #227090 (closed)

Edited by Simon Knox

Merge request reports

Loading