plasma-setup: adaptability changes for mobile

Onat Ribarrequested to merge
onatribar/plasma-setup:master into master

Reason for the change

Several layout and usability issues existed within plasma-setup when running on small or mobile screen sizes:

What was wrong What was done Affects desktop?
LandingComponent session buttons (shutdown, reboot, etc.) remaining visible and interactive beneath wizard pages, risking accidental taps LandingComponent is now hidden when the user navigates into the wizard steps Yes
Wizard overlay not occupying the full screen on mobile, leaving unused space Wizard steps now use the full screen height on mobile No
Wizard clipping content on short window sizes Wizard now adapts to full height Yes
Wallpaper disappearing on narrow layouts due to a background rendering issue in LandingComponent Fixed background rendering so wallpaper remains visible Yes
Time and date selector showing an OSM map on mobile, which is impractical on small screens Replaced with stacked FormCard comboboxes on mobile. This commit exists with the associated MR for plasma-workspace No
Alignment conflicts between components on the landing screen Resolved layout conflicts on the landing screen Yes
Hostname field overflowing on narrow screens Hostname field now wraps correctly on narrow screens Yes
Username and hostname fields triggering autocapitalize and autocorrect on mobile keyboards Added inputMethodHints to disable autocapitalize and autocorrect on both fields No

Test plan

  • Run with QT_QUICK_CONTROLS_MOBILE=1 plasma-setup
  • Verify the landing screen renders correctly without wallpaper gaps or alignment issues
  • Verify wizard steps occupy the full screen on mobile
  • Verify wizard pages fit within narrow/short screen sizes without clipping
  • Verify the hostname field does not overflow on narrow screens
  • Verify username and hostname fields do not trigger autocapitalize or autocorrect on mobile/virtual keyboards
  • Verify that after proceeding past the landing screen, the landing page and session buttons are no longer visible or interactive beneath wizard pages
  • Run without QT_QUICK_CONTROLS_MOBILE=1 and verify desktop layout is unchanged

Considerations while testing:

  • Use the environment variable PLASMA_SETUP_USER_CREATION_OVERRIDE=1 to test account creation and hostname setup views.
  • Mentioned issues become more apparent with different display resolutions, feel free to experiment with those as well.

Screenshots or screen recordings

Section Label Before After
Landing Component image image
Language Selection image image
Keyboard Layout image image
Time Zone image image
Account Creation image image
Hostname View image image

Bugs fixed

N/A

Edited by Onat Ribar

Merge request reports