Fix behavior of tag rows

Chad Lavimoniererequested to merge
379329-add-copy-tag-name-button-in-tag-list-rowfix into master

What does this MR do and why?

Eliminate legacy sass that can be replaced with tailwind utils and prevent unnecessary overflow hiding.

References

cf. #379329 (comment 2671779749), this is a followup to !200233 (merged).

Screenshots or screen recordings

Before After
Screenshot_2025-08-06_at_16.43.09 Screenshot_2025-08-06_at_16.41.10
Screenshot_2025-08-06_at_16.42.36 (NO CHANGE) Screenshot_2025-08-06_at_16.41.38 (NO CHANGE)

Note: the following screenshots are provided only to show that there is no change in layout.

Viewport size Before After
xs (<576px) gdk.test_3000_flightjs_Flight_-tags__9 gdk.test_3000_flightjs_Flight_-_tags
sm (>=576px) gdk.test_3000_flightjs_Flight_-tags__8 gdk.test_3000_flightjs_Flight_-tags__1
md (>=768px) gdk.test_3000_flightjs_Flight_-tags__7 gdk.test_3000_flightjs_Flight_-tags__2
lg (>=992px) gdk.test_3000_flightjs_Flight_-tags__6 gdk.test_3000_flightjs_Flight_-tags__3
xl (>=1200px) gdk.test_3000_flightjs_Flight_-tags__5 gdk.test_3000_flightjs_Flight_-tags__4

How to set up and validate locally

  1. Check out this branch
  2. Visit https://gdk.test:3000/flightjs/Flight/-/tags in the GDK
  3. click on the copy button to copy a tag name or simply move focus to the copy button on a tag
  4. you will see that the focus ring is not cut off
  5. Visit https://gdk.test:3000/admin/credentials in the GDK
  6. You will see that there is no visual difference to the layout/style/behavior between this branch and master on this page.

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #379329 (closed)

Edited by Chad Lavimoniere

Merge request reports