Skip to content

Homepage UX Clean-Ups

As we've built the initial version of the homepage widget-by-widget, now that we have all of the widgets in place, we can make final clean-ups and ensure the behaviors are consistent across all of the widgets on the page. In addition, there are a few alignment and padding clean-ups to ensure the implementation matches the design.

List of updates

  • Should be 24px between the header and the first section, and between each section:

    Screenshot_2025-07-07_at_3.21.01_PM

  • Recently viewed should align with the top of the cards

    Screenshot_2025-07-07_at_3.21.09_PM

  • Tighten up the space between the recently viewed list items (2px between list items in the design) and decrease their size (they are the "small" size in the design)

  • Issues should use the old issues icon rather than the new work items icon (for now) (recently visited feed)

  • Activity section spacing needs tightening; icons are appearing slightly different shades of grey

    Screenshot_2025-07-07_at_3.24.31_PM

  • Activity section is missing its "view all" link

  • Hover behaviors - currently blue on the to-do list but grey elsewhere

  • To-do widget is in a container rather than separate. Padding is 10px rather than 16 Screenshot_2025-07-07_at_3.29.04_PM

  • To-do container header adjustments (see thread)

  • Hover behavior on issue/MR cards should be standardized (see comment)

  • Number of items is different in each section. Start with 5; we can increase later.

  • Alignment of error states across widgets (see thread)

  • Limit the activity items to 5

  • Extra long user (first)names with can break layout. Should use ellipsis if too long.

Edited by Thomas Hutterer