fix: LoginPage for wide screens

[parasharrajat]

Details

Use KeyboardAvoidingView to push the input into the viewport and Scrollview to Allow the user to scroll the screen.

Fixed Issues

$ #5159

Tests

1. Open the Login page on a tablet or Ipad.
2. Click on login input and see it remains in the View and is not hidden by Keyboard.

---

1. Open the Password Page on Tablet or Ipad.
2. Clicked all the inputs to see if they are not hidden behind the keyboard.

---

1. Open the Login page on landscape Mode.
2. Clicked all the inputs to see if they are not hidden behind the keyboard.

QA Steps

1. Open Login, Password pages on Landscape Mode or tablet or Ipad.
2. Observe the input should not be hidden behind the keyboard.

Tested On

• Web
• Mobile Web
• Desktop
• iOS
• Android

Screenshots

Web | Desktop

Mobile Web

iOS

Android

output_file.mp4

[Luke9389]

Indentation looks a little weird here. Maybe ]}>?

[parasharrajat]

Actually, it's totally fine. There are two ways here.
This one
e.g.

App/src/pages/home/report/ReportActionCompose.js

Lines 499 to 506 in 5362f01

	<View style={[
	(this.state.isFocused || this.state.isDraggingOver)
	? styles.chatItemComposeBoxFocusedColor
	: styles.chatItemComposeBoxColor,
	styles.chatItemComposeBox,
	styles.flexRow,
	]}
	>

and

        <Form
            style={[
                styles.flex1,
                styles.alignSelfStretch,
                props.isSmallScreenWidth && styles.signInPageNarrowContentContainer,
                props.isSmallScreenWidth ? styles.ph5 : styles.ph4,
            ]}
        >

[Luke9389]

Huh, Ok well that's fine with me. This was a NAB.

[Luke9389]

Is there really an advantage to having the SignInPageWideContainer be its own component? I think it'd be better for us to get rid of the SignInPageWideContainer altogether and have the View and SVG components it contains live here in this file instead. In other words, why have these as two files when it's not really complicated to have them be one?

[parasharrajat]

It looks clean this way but let me know I can merge.

[parasharrajat]

I just merged. Thanks for the suggestion.

[Luke9389]

Thanks, I appreciate your willingness to do that. 👍

[OSBotify]

✋ This PR was not deployed to staging yet because QA is ongoing. It will be automatically deployed to staging after the next production release.

[OSBotify]

🚀 Deployed to staging by @Luke9389 in version: 1.1.18-4 🚀

platform	result
🤖 android 🤖	success ✅
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	success ✅
🕸 web 🕸	success ✅

[OSBotify]

🚀 Deployed to production by @Julesssss in version: 1.1.21-1 🚀

platform	result
🤖 android 🤖	failure ❌
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	success ✅
🕸 web 🕸	success ✅