UI: long single word projectname do not wordbreak

Summary

long single word project names (e.g. project names with "_" as space) do not word break. This leads to some strange overlaps everywhere.

see example project.

Steps to reproduce

Example Project

https://gitlab.com/OrbisK/my_looooong_loooong_looooong_example_name_for_issue

What is the current bug behavior?

long single word project/groupnames (maybe fields in general) do not break

What is the expected correct behavior?

at least break where neeeded.

Relevant logs and/or screenshots

some screeenshots:

  1. Project/Groupname at sidebar (now x scrollable):

    image.png

  2. (mobile): overview is now x scrollable (activity page too: https://gitlab.com/OrbisK/my_looooong_loooong_looooong_example_name_for_issue/activity)

    Bildschirmaufzeichnung vom 2024-10-10, 17-24-16.webm

  3. jobs table at runner overview:

    image.png

Possible fixes

Edited by 🤖 GitLab Bot 🤖