Skip to content

Enhance UI elements and improve touch handling#70

Open
Himanth-reddy wants to merge 3 commits intoProdigyV21:mainfrom
Himanth-reddy:fix/settings-modal-touch-focus
Open

Enhance UI elements and improve touch handling#70
Himanth-reddy wants to merge 3 commits intoProdigyV21:mainfrom
Himanth-reddy:fix/settings-modal-touch-focus

Conversation

@Himanth-reddy
Copy link
Copy Markdown
Contributor

This pull request brings several improvements to the app's loading flow and modal dialog handling, as well as visual enhancements to the loading screen and cloud pairing modal. The most significant changes are the introduction of a more robust loading state before app startup, a new reusable modal scrim for dialogs, and visual updates to the loading and modal UI components.

App startup and loading flow:

  • The app now waits for the profile selection state, active profile loading, and authentication state before rendering the main UI, showing the loading screen (ArvioLoadingScreen) until all are ready. This prevents premature navigation and ensures the app is fully initialized before user interaction. (MainActivity.kt [1] [2] Ff69cdc6L384R391, [3]

Modal dialog improvements:

  • Introduced a reusable ModalScrim composable that provides a consistent darkened background and dismiss-on-click-outside behavior for modals. This is now used across multiple modal dialogs in the settings screen for a more unified and user-friendly experience. (SettingsScreen.kt [1] [2] [3] [4] [5]
  • Updated modal dialogs to allow dismissal by clicking outside the dialog, improving usability on touch devices and aligning with standard modal behavior. (SettingsScreen.kt [1] [2] [3] [4]
  • Refactored modal focus and event handling logic to use a single hasBlockingModal flag, simplifying code and ensuring navigation is blocked whenever any modal is open. (SettingsScreen.kt [1] [2]

Visual and UI enhancements:

  • The loading screen now features the app logo with a pulsing alpha animation instead of glowing text, and the spinner has been visually refined for a cleaner appearance. (MainActivity.kt [1] [2] [3] [4]
  • Improved the appearance of the QR code container in the cloud pairing modal by adding rounded corners, a subtle border, and a layered background for better contrast and modern look. (SettingsScreen.kt [1] [2]

These changes collectively improve the user experience during app startup and when interacting with modal dialogs, while also modernizing the app's visual design.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant