Skip to content

Work item header and input UI improvements

Simon Knox requested to merge 377588-work-item-header-ui-improvements into master

What does this MR do and why?

  • Remove background and borders from all Work item inputs
  • Remove border from title on dark mode
  • Fix focus outline on selected breadcrumbs

Screenshots or screen recordings

Before After
Screenshot_2023-07-14_at_15.03.22 Screenshot_2023-07-14_at_14.52.32
Screenshot_2023-07-14_at_15.00.00 Screenshot_2023-07-14_at_14.57.27
Screenshot_2023-07-14_at_15.00.09 Screenshot_2023-07-14_at_14.57.23

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

  1. Load work item detail for a task with a parent (create a new Task on and Issue, then go to it from the Issue list page)
  2. Check backgrounds/borders are hidden by default, visible in light mode
  3. Focus breadcrumb and check border isn't cut off
  4. Check breadcrumbs still collapse/ellipsis correctly when screen is small (or parent title is long)
  5. Also in dark mode

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #377588 (closed)

Merge request reports

Loading