Natixar / natixar-frontend

The static front end of the Natixar SaaS platform
0 stars 5 forks source link

Incorrect Layout of Breadcrumb on Page /contributors/top/scope/:id #50

Closed lepeuvedic closed 1 month ago

lepeuvedic commented 1 month ago

Problem:

Breadcrumbs unreadable As shown above the breadcrumb fills two line, is not correctly laid out to the right and is partially obscured as well.

Steps to Reproduce:

  1. Authenticate and enter Dashboard
  2. Click on Scope 1 expandable bar, then on Detail for the first category (the non-zero one)
  3. Observe on the page, that the breadcrumb is incorrectly laid out, like on the image.

Desired Behaviour

The category names are often long and unsuitable for a breadcrumb. They are also often in a different language than the UI. Instead of displaying the category name, the breadcrumb should only display "Category " plus the category code.

In addition the Breadcrumb must fit on one line and must be aligned to the right.

lepeuvedic commented 1 month ago

The breadcrumb is apparently displayed in a white-on-white ovalized box, which is responsible for the clipping of text.