Large table values overflow at low screen width and cause horizontal scrolling

[MytsV]

Description

Apart from that, on some pages the width of <=1023px causes this scrolling issue regardless of value overflow

Steps to reproduce

1. Visit any page and resize the window

Rucio WebUI Version

35.0.0

Additional Information

• Chromium 123

[maany]

Try now ;) @GooseNight worked on this and I recently merged her PR

[MytsV]

Unfortunately this issue persists

[MytsV]

The issue with horizontal scrolling seems to be caused by navigation bar and search bar

[MytsV]

Seems like there are many details that are not well adapted for smaller screen widths. More investigation is required

[maany]

Roger! The culprit for any such behavior is almost fixed-widths and fixed-heights in the css, almost all the time. We should use as much of flex classes as possible.

[maany]

@MytsV can this be considered fixed with the new table layouts?

[MytsV]

@MytsV can this be considered fixed with the new table layouts?

The tables are OK, the searchbar though requires a fix of the app layout, which I'm currently working on