Project badge actions hidden if url is too long

Summary

If the url of a project badge gets too long, the actions to edit/delete a badge are hidden.

Steps to reproduce

GitLab CE v16.3.0

  1. Go to Settings > General > Badges
  2. Add new Badge
  3. Use a very long url for "Link" (e.g. https://example.gitlab.com/very_very_very_very_very_very_very_very_very_very_very_very_very_very_very_very_long_link)

What is the current bug behavior?

A long URL makes the table wider than can be displayed.

What is the expected correct behavior?

Truncating long urls or breaking long urls in multiple lines so the table is not to wide to get displayed.

Relevant logs and/or screenshots

image.pngimage.png

Implementation Guide

Use CSS to allow the URL column to wrap. Then it would look like this:

Screenshot_2023-09-05_at_3.32.15_PM

Edited by Christina Lohr