From e90409d842fce2c7e57e99c7b959db28e0d6f8df Mon Sep 17 00:00:00 2001
From: Dinis Vieira <dinisvieira@outlook.com>
Date: Sun, 29 Oct 2023 21:34:33 +0000
Subject: [PATCH] PM-3350 Added Scrollview on HomePage so that the "Create
 account" button can be accessed in smaller devices like iPhone SE.

---
 src/Core/Pages/Accounts/HomePage.xaml | 178 +++++++++++++-------------
 1 file changed, 90 insertions(+), 88 deletions(-)

diff --git a/src/Core/Pages/Accounts/HomePage.xaml b/src/Core/Pages/Accounts/HomePage.xaml
index eba47bc87..371118940 100644
--- a/src/Core/Pages/Accounts/HomePage.xaml
+++ b/src/Core/Pages/Accounts/HomePage.xaml
@@ -31,98 +31,100 @@
     <ContentPage.Resources>
         <ResourceDictionary>
             <u:InverseBoolConverter x:Key="inverseBool" />
-            <StackLayout x:Name="_mainLayout" x:Key="mainLayout" Spacing="30" Padding="20, 50, 20, 0">
-                <Image
-                    x:Name="_logo"
-                    Source="logo.png"
-                    HeightRequest="60"
-                    VerticalOptions="Center" />
-                <Label Text="{u:I18n LoginOrCreateNewAccount}"
-                        StyleClass="text-lg"
-                        HorizontalTextAlignment="Center"/>
-                 <StackLayout
-                    StyleClass="box-row">
-                    <Label
-                        Text="{u:I18n EmailAddress}"
-                        StyleClass="box-label" />
-                    <Entry
-                        x:Name="_email"
-                        Text="{Binding Email}"
-                        Keyboard="Email"
-                        StyleClass="box-value"
-                        ReturnType="Go"
-                        ReturnCommand="{Binding ContinueCommand}"
-                        AutomationId="EmailAddressEntry"
-                        >
-                        <VisualStateManager.VisualStateGroups>
-                            <VisualStateGroup x:Name="CommonStates">
-                                <VisualState x:Name="Disabled">
-                                    <VisualState.Setters>
-                                        <Setter Property="TextColor" Value="{DynamicResource MutedColor}" />
-                                    </VisualState.Setters>
-                                </VisualState>
-                            </VisualStateGroup>
-                        </VisualStateManager.VisualStateGroups>
-                    </Entry>
-                    <StackLayout
-                        Orientation="Horizontal"
-                        Margin="0, 6, 0 ,0">
-                        <StackLayout.GestureRecognizers>
-                            <TapGestureRecognizer
-                                Command="{Binding ShowEnvironmentPickerCommand}" />
-                        </StackLayout.GestureRecognizers>
+            <ScrollView x:Name="_mainLayout" x:Key="mainLayout">
+                <StackLayout Spacing="30" Padding="20, 50, 20, 0">
+                    <Image
+                        x:Name="_logo"
+                        Source="logo.png"
+                        HeightRequest="60"
+                        VerticalOptions="Center" />
+                    <Label Text="{u:I18n LoginOrCreateNewAccount}"
+                            StyleClass="text-lg"
+                            HorizontalTextAlignment="Center"/>
+                     <StackLayout
+                        StyleClass="box-row">
                         <Label
-                            Text="{Binding RegionText}"
-                            FontSize="13"
-                            TextColor="{DynamicResource MutedColor}"
-                            VerticalOptions="Center"
-                            VerticalTextAlignment="Center"/>
-                        <controls:IconLabel
-                            Text="{Binding SelectedEnvironmentName}"
-                            FontSize="13"
-                            TextColor="{DynamicResource PrimaryColor}"
-                            VerticalOptions="Center"
-                            VerticalTextAlignment="Center"
-                            AutomationId="RegionSelectorDropdown"/>
+                            Text="{u:I18n EmailAddress}"
+                            StyleClass="box-label" />
+                        <Entry
+                            x:Name="_email"
+                            Text="{Binding Email}"
+                            Keyboard="Email"
+                            StyleClass="box-value"
+                            ReturnType="Go"
+                            ReturnCommand="{Binding ContinueCommand}"
+                            AutomationId="EmailAddressEntry"
+                            >
+                            <VisualStateManager.VisualStateGroups>
+                                <VisualStateGroup x:Name="CommonStates">
+                                    <VisualState x:Name="Disabled">
+                                        <VisualState.Setters>
+                                            <Setter Property="TextColor" Value="{DynamicResource MutedColor}" />
+                                        </VisualState.Setters>
+                                    </VisualState>
+                                </VisualStateGroup>
+                            </VisualStateManager.VisualStateGroups>
+                        </Entry>
+                        <StackLayout
+                            Orientation="Horizontal"
+                            Margin="0, 6, 0 ,0">
+                            <StackLayout.GestureRecognizers>
+                                <TapGestureRecognizer
+                                    Command="{Binding ShowEnvironmentPickerCommand}" />
+                            </StackLayout.GestureRecognizers>
+                            <Label
+                                Text="{Binding RegionText}"
+                                FontSize="13"
+                                TextColor="{DynamicResource MutedColor}"
+                                VerticalOptions="Center"
+                                VerticalTextAlignment="Center"/>
+                            <controls:IconLabel
+                                Text="{Binding SelectedEnvironmentName}"
+                                FontSize="13"
+                                TextColor="{DynamicResource PrimaryColor}"
+                                VerticalOptions="Center"
+                                VerticalTextAlignment="Center"
+                                AutomationId="RegionSelectorDropdown"/>
+                        </StackLayout>
+                        <StackLayout
+                            Orientation="Horizontal"
+                            Margin="0, 20, 0 ,0">
+                            <StackLayout.GestureRecognizers>
+                                <TapGestureRecognizer
+                                    Command="{Binding RememberEmailCommand}" />
+                            </StackLayout.GestureRecognizers>
+                            <Label
+                                Text="{u:I18n RememberMe}"
+                                StyleClass="text-sm"
+                                HorizontalOptions="FillAndExpand"
+                                VerticalOptions="Center"
+                                VerticalTextAlignment="Center"
+                                />
+                            <Switch
+                                Scale="0.8"
+                                IsToggled="{Binding RememberEmail}"
+                                VerticalOptions="Center"
+                                AutomationId="RememberMeSwitch"
+                                />
+                        </StackLayout>
                     </StackLayout>
-                    <StackLayout
-                        Orientation="Horizontal"
-                        Margin="0, 20, 0 ,0">
-                        <StackLayout.GestureRecognizers>
-                            <TapGestureRecognizer
-                                Command="{Binding RememberEmailCommand}" />
-                        </StackLayout.GestureRecognizers>
-                        <Label
-                            Text="{u:I18n RememberMe}"
-                            StyleClass="text-sm"
-                            HorizontalOptions="FillAndExpand"
-                            VerticalOptions="Center"
-                            VerticalTextAlignment="Center"
+                    <Button Text="{u:I18n Continue}"
+                            StyleClass="btn-primary"
+                            IsEnabled="{Binding CanContinue}"
+                            Command="{Binding ContinueCommand}"
+                            AutomationId="ContinueButton"
                             />
-                        <Switch
-                            Scale="0.8"
-                            IsToggled="{Binding RememberEmail}"
-                            VerticalOptions="Center"
-                            AutomationId="RememberMeSwitch"
-                            />
-                    </StackLayout>
+                            
+                    <Label FormattedText="{Binding CreateAccountText}"
+                           Margin="0, 10"
+                            StyleClass="box-footer-label"
+                            AutomationId="CreateAccountLabel">
+                        <Label.GestureRecognizers>
+                            <TapGestureRecognizer Command="{Binding CreateAccountCommand}" />
+                        </Label.GestureRecognizers>
+                    </Label> 
                 </StackLayout>
-                <Button Text="{u:I18n Continue}"
-                        StyleClass="btn-primary"
-                        IsEnabled="{Binding CanContinue}"
-                        Command="{Binding ContinueCommand}"
-                        AutomationId="ContinueButton"
-                        />
-                        
-                <Label FormattedText="{Binding CreateAccountText}"
-                       Margin="0, 10"
-                        StyleClass="box-footer-label"
-                        AutomationId="CreateAccountLabel">
-                    <Label.GestureRecognizers>
-                        <TapGestureRecognizer Command="{Binding CreateAccountCommand}" />
-                    </Label.GestureRecognizers>
-                </Label> 
-            </StackLayout>
+            </ScrollView>
         </ResourceDictionary>
     </ContentPage.Resources>