[4.0] Change database layout to support smaller screens

[N6REJ]

What needs to be fixed

Layout is only horizontal so scrolling is required to see the entire table.
This is visually annoying.

How would you fix it

Change form for smaller screens to vertical informational blocks.

Side Effects expected

None.

[brianteeman]

Like all pages they can only be adjusted so much and they can't fit at every screen size. What screen size is that?

Switching to vertical layouts is fine but it doesn't work very well when you have multiple rows.

For me its fine if it works at regular/popular screen sizes including mobile which it does

[N6REJ]

about 1/2 1920x1080.
I'm thinking "card" layouts would work. I'll check mobile tomorrow but shrinking to minimum didn't help.

[N6REJ]

@brianteeman here's i10 display. Notice its still chopped.


Card style layout would be perfect here.

[Octopus2]

I have the same display error on my Android 11 smartphone (Samsung browser). Same with the user settings. Joomla 4.0.3 with German language package

.

[brianteeman]

@Octopus2 the toolbar is accessed from the cog icon in the top right and the user menu from the button on the bottom

[Octopus2]

@brianteeman Thanks, but I understood how to use it. With the screenshot I wanted to show that in this view the white box with the list of tables on the right-hand side is not closed and the entire screen is shifted to the left (which can be seen from the cog icon in the upper right corner). Maybe because of the longer words "administrator" and "component".

[Quy]

Related #32912

[brianteeman]

I am closing this as the reported issue for the database layout on small screens was resolved with #35731