Skip to content

Fix overflow in the sidebar

Romain Tartière requested to merge smortex/gitlab:fix-sidebar-overflow into master

What does this MR do and why?

When they overflow, menu items in the sidebar have their text that continue a few pixels beyond the position it should stop to take into account their margin, and if the menu item contains a badge, it is not aligned as expected.

This MR adjust the css files to fix this issue.

Screenshots or screen recordings

Before (I am using a French locale):

Screenshot_2022-01-25_at_17-37-33_Add_basic_CI_configuration___2____Demandes_de_fusion___odoo_oph-vittodoo

After:

Screenshot_2022-01-25_at_17-38-06_Add_basic_CI_configuration___2____Demandes_de_fusion___odoo_oph-vittodoo

How to set up and validate locally

  1. Set locale to French (English does not overflow, but other languages may also have this issue);
  2. Visit a project.

MR acceptance checklist

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

Merge request reports