Accessibility Issue with zooming in on default thumbnail images.

[tdonohue]

Describe the bug

Default thumbnail wording breaks when zooming in. Tested in Chrome, Firefox and Edge. Occurs in DSpace version 8.x and 7.x

This occurs on every page that has the "No Thumbnail Available" image.

To Reproduce

Steps to reproduce the behavior:

1. Go to Demo Site homepage.
2. Start at 100% (default) zoom.
3. Zoom in to 175% and notice the thumbnail wording breaks the box.

Expected behavior

The thumbnail wording should not break out of the box.

[manez]

This may break slightly differently in DSpace 7. Screenshot from Firefox:

[DanGastardelli]

I tested it in DSpace 8 and it also seems to be solved. Screenshot taken using Google Chrome.

[tdonohue]

@DanGastardelli : I still see this bug on demo.dspace.org, so it doesn't appear fixed. Here's what I see on Chrome 129.0.6668.71 (on Windows) when zoomed in at 175% on the homepage:

As a sidenote, if I reload the page, the alignment will correct itself. So, it appears this bug only occurs on the initial zoom (i.e. start at 100% and zoom in to 175% in order to see the misalignment).

[DanGastardelli]

Hello @tdonohue, I made a solution that may be interesting for this case. I changed the font size to 14px, so in all the scenarios mentioned there was a good result in my tests. The change is in this PR "#3373".

I await feedback,
Daniel Pais (Neki-it)