Skip to content

Do not use small text size for board items or child items

Chad Lavimoniererequested to merge
574951-font-too-small-child-items-boards into master

What does this MR do and why?

Do not use small text size for board items or child items

Remove styles that set related item titles and board card titles to use the small text size (12px) when the container is smaller than the lg breakpoint.

Changelog: fixed

References

Screenshots or screen recordings

Scenario Before After
related/child item titles gdk.test_3000_groups_flightjs_-_epics_6_show=eyJpaWQiOiI0MyIsImZ1bGxfcGF0aCI6ImZsaWdodGpzL0ZsaWdodCIsImlkIjo2MjV9 (1).png gdk.test_3000_groups_flightjs_-_epics_6_show=eyJpaWQiOiI0MyIsImZ1bGxfcGF0aCI6ImZsaWdodGpzL0ZsaWdodCIsImlkIjo2MjV9.png
Board card item titles gdk.test_3000_groups_flightjs_-_boards_2_show=eyJpaWQiOiI0MyIsImZ1bGxfcGF0aCI6ImZsaWdodGpzL0ZsaWdodCIsImlkIjo2MjV9 (1).png gdk.test_3000_groups_flightjs_-_boards_2_show=eyJpaWQiOiI0MyIsImZ1bGxfcGF0aCI6ImZsaWdodGpzL0ZsaWdodCIsImlkIjo2MjV9 (2).png

How to set up and validate locally

  1. Check out this branch
  2. Visit a board
  3. narrow your viewport or open an item in the board so that the panel containing the board is <1200px wide
  4. The font size of board card item titles will not change
  5. Visit a work item that has child items
  6. Either narrow your viewport so that the panel containing the work item is <1200px wide or open one of the child items in the side panel so that the panel containing the parent work item is <1200px wide
  7. You will see that the font size of related items does not change

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.

Related to #574951

Merge request reports