feat: layout improvements for small screen

fluidd-core / fluidd

Fluidd, the klipper UI.

https://docs.fluidd.xyz

GNU General Public License v3.0

1.34k stars 399 forks source link

feat: layout improvements for small screen #1389

Closed pedrolamas closed 3 months ago

pedrolamas commented 3 months ago

Improves layout in small screens:

dialogs will be shown in full-screen.
setting entries will break in 2 lines (title + content)

This will fix the problem with large dialogs (one can now scroll without affecting the background) and dismiss without a button (a close button is now shown on all dialogs).

Settings page

Before	After

Add User dialog

Before	After

Bed Screws Adjust dialog

Before	After

Add Camera dialog

Before	After

Spool Selection dialog

Before	After

Before	After

pedrolamas commented 3 months ago

Good catch... not sure yet how to fix this, but will get this back to draft and we can iterate on this matter.

pedrolamas commented 3 months ago

I've now fixed the buttons alignment!

Basically, it will align them to the right on mobile view, and keep left on non-mobile as it is now!