Skip to content

Sidebar: Prevent Truncating of Sidebar Items and Center Pin Icon

What does this MR do and why?

Prevent text truncation from sidebar items and flyouts

MR acceptance checklist

MR acceptance checklist

Screenshots or screen recordings

428349

How to set up and validate locally

Instructions

  1. Checkout this branch locally
  2. Go to Profile -> Preferences -> Localization and update your UI language to French.
  3. Open a project and click on Analyse in the left sidebar.
  4. Verify that the text is not truncated and the pin icon is centered vertically inside the items. Test both pinned and non-pinned items.
  5. Close the Analyse panel and hover over it instead. You should see the flyout on the right.
  6. Verify that the text is not truncated and the pin icon is centered vertically inside the items. Test both pinned and non-pinned items.

Video

428349

Related to #428349 (closed)

Edited by Bobby Stoynov

Merge request reports