From 8f0103895e1fa17a569520ef1db2f0775f9dbcfd Mon Sep 17 00:00:00 2001
From: Gabriele <gabboxl0@gmail.com>
Date: Sun, 15 Sep 2024 17:19:58 +0200
Subject: [PATCH] Add ScrollViewer to settings flyout

---
 FluentWeather/Views/MainPage.xaml | 250 +++++++++++++++---------------
 1 file changed, 125 insertions(+), 125 deletions(-)

diff --git a/FluentWeather/Views/MainPage.xaml b/FluentWeather/Views/MainPage.xaml
index 06809bf4..b1eab50c 100644
--- a/FluentWeather/Views/MainPage.xaml
+++ b/FluentWeather/Views/MainPage.xaml
@@ -249,146 +249,146 @@
                                 <MenuFlyoutItem>
                                     <MenuFlyoutItem.Template>
                                         <ControlTemplate x:Name="FlyoutItemSettingsTemp">
-                                            <StackPanel VerticalAlignment="Center" Margin="16">
-                                                <TextBlock x:Uid="UnitsSettingsTitle"
-                                       Style="{ThemeResource SubtitleTextBlockStyle}" />
-
-                                                <labs:Segmented
-                                                    SelectedIndex="{Binding SettingsUnitsSelectedIndex}"
-                                                    Margin="0,8,0,0"
-                                                    x:Name="UnitsSegmented"
-                                                    SelectionChanged="UnitsSegmented_OnSelectionChanged"
-                                                    d:DataContext="{d:DesignInstance views:MainPage }">
-                                                    <labs:SegmentedItem x:Uid="MetricUnitsItem" />
-                                                    <labs:SegmentedItem x:Uid="ImperialUnitsItem" />
-                                                    <labs:SegmentedItem x:Uid="HybridUnitsItem" />
-
-                                                </labs:Segmented>
-
-                                                <!-- 12/24 hour format segmented -->
-                                                <TextBlock x:Uid="TimeFormatSettingsTitle"
-                                                   Margin="0,16,0,0"
-                                                   Style="{ThemeResource SubtitleTextBlockStyle}" />
-
-                                                <labs:Segmented
-                                                    SelectedIndex="{Binding SettingsTimeFormatSelectedIndex}"
-                                                    Margin="0,8,0,0"
-                                                    x:Name="TimeFormatSegmented"
-                                                    SelectionChanged="TimeFormatSegmented_OnSelectionChanged"
-                                                    d:DataContext="{d:DesignInstance views:MainPage }">
-                                                    <labs:SegmentedItem x:Uid="Segmented24hours" />
-                                                    <labs:SegmentedItem x:Uid="Segmented12hours" />
-                                                </labs:Segmented>
-
-
-                                                <!-- toggle control to enable/disable acrylic effect -->
-                                                <TextBlock x:Uid="AcrylicEffectsSettingsTitle"
-                                                   Margin="0,16,0,0"
-                                                   Style="{ThemeResource SubtitleTextBlockStyle}" />
-
-                                                <ToggleSwitch x:Name="AcrylicToggle"
-                                                  Margin="8,8,0,0"
-                                                  d:DataContext="{d:DesignInstance views:MainPage }"
-                                                  IsOn="{Binding AcrylicEffectsService.EffectsEnabled}"
-                                                  Toggled="AcrylicToggle_OnToggled" />
-
-                                                <TextBlock x:Uid="BackgroundImageSettingsTitle"
-                                                           Margin="0,16,0,0"
-                                                           Style="{ThemeResource SubtitleTextBlockStyle}" />
-
-                                                <ToggleSwitch x:Name="BackgroundImageToggle"
-                                                              Margin="8,8,0,0"
-                                                              d:DataContext="{d:DesignInstance views:MainPage }"
-                                                              IsOn="{Binding BackgroundImageToggleStatus}"
-                                                              Toggled="BackgroundImageToggle_OnToggled" />
-
-
-                                                <TextBlock x:Uid="CreditsSettingsTitle"
-                                                   Margin="0,16,0,0"
-                                                   Style="{ThemeResource SubtitleTextBlockStyle}" />
-
-                                                <StackPanel>
-
-                                                    <RichTextBlock
-                                                        Margin="0,16,0,0">
-                                                        <Paragraph>
-                                                            <Run x:Uid="InspiredByRun"></Run>
-                                                            <Hyperlink
-                                                                Foreground="{ThemeResource AccentTextFillColorPrimaryBrush}"
-                                                                NavigateUri="https://twitter.com/zeealeid">
-                                                                @zeealeid
-                                                            </Hyperlink>
-                                                        </Paragraph>
-                                                    </RichTextBlock>
-
-                                                    <RelativePanel Margin="0,16,0,0">
-
-                                                        <TextBlock x:Name="AppText" Text="FluentWeather" FontWeight="Bold" RelativePanel.AlignLeftWithPanel="True"/>
-
-                                                        <Button Style="{ThemeResource TextButtonStyle}" x:Name="ChangelogButton"
-                                                            Click="VersionText_Click" Margin="-6,2,0,0"
-                                                            RelativePanel.AlignVerticalCenterWith="AppText"
-                                                            RelativePanel.RightOf="AppText">
-                                                            <Button.Content>
-                                                                <TextBlock
-                                                                    d:DataContext="{d:DesignInstance views:MainPage }"
-                                                                    Text="{Binding MainPageViewModel.AppVersionText}"/>
-                                                            </Button.Content>
-                                                        </Button>
-
-                                                        <RichTextBlock RelativePanel.RightOf="ChangelogButton"
-                                                            Margin="-8,0,0,0">
+                                            <ScrollViewer MaxHeight="600" VerticalScrollBarVisibility="Visible" HorizontalScrollMode="Disabled" HorizontalScrollBarVisibility="Disabled">
+                                                <StackPanel VerticalAlignment="Center" Margin="16">
+                                                    <TextBlock x:Uid="UnitsSettingsTitle"
+                                           Style="{ThemeResource SubtitleTextBlockStyle}" />
+
+                                                    <labs:Segmented
+                                                        SelectedIndex="{Binding SettingsUnitsSelectedIndex}"
+                                                        Margin="0,8,0,0"
+                                                        x:Name="UnitsSegmented"
+                                                        SelectionChanged="UnitsSegmented_OnSelectionChanged"
+                                                        d:DataContext="{d:DesignInstance views:MainPage }">
+                                                        <labs:SegmentedItem x:Uid="MetricUnitsItem" />
+                                                        <labs:SegmentedItem x:Uid="ImperialUnitsItem" />
+                                                        <labs:SegmentedItem x:Uid="HybridUnitsItem" />
+
+                                                    </labs:Segmented>
+
+                                                    <!-- 12/24 hour format segmented -->
+                                                    <TextBlock x:Uid="TimeFormatSettingsTitle"
+                                                       Margin="0,16,0,0"
+                                                       Style="{ThemeResource SubtitleTextBlockStyle}" />
+
+                                                    <labs:Segmented
+                                                        SelectedIndex="{Binding SettingsTimeFormatSelectedIndex}"
+                                                        Margin="0,8,0,0"
+                                                        x:Name="TimeFormatSegmented"
+                                                        SelectionChanged="TimeFormatSegmented_OnSelectionChanged"
+                                                        d:DataContext="{d:DesignInstance views:MainPage }">
+                                                        <labs:SegmentedItem x:Uid="Segmented24hours" />
+                                                        <labs:SegmentedItem x:Uid="Segmented12hours" />
+                                                    </labs:Segmented>
+
+
+                                                    <!-- toggle control to enable/disable acrylic effect -->
+                                                    <TextBlock x:Uid="AcrylicEffectsSettingsTitle"
+                                                       Margin="0,16,0,0"
+                                                       Style="{ThemeResource SubtitleTextBlockStyle}" />
+
+                                                    <ToggleSwitch x:Name="AcrylicToggle"
+                                                      Margin="8,8,0,0"
+                                                      d:DataContext="{d:DesignInstance views:MainPage }"
+                                                      IsOn="{Binding AcrylicEffectsService.EffectsEnabled}"
+                                                      Toggled="AcrylicToggle_OnToggled" />
+
+                                                    <TextBlock x:Uid="BackgroundImageSettingsTitle"
+                                                               Margin="0,16,0,0"
+                                                               Style="{ThemeResource SubtitleTextBlockStyle}" />
+
+                                                    <ToggleSwitch x:Name="BackgroundImageToggle"
+                                                                  Margin="8,8,0,0"
+                                                                  d:DataContext="{d:DesignInstance views:MainPage }"
+                                                                  IsOn="{Binding BackgroundImageToggleStatus}"
+                                                                  Toggled="BackgroundImageToggle_OnToggled" />
+
+
+                                                    <TextBlock x:Uid="CreditsSettingsTitle"
+                                                       Margin="0,16,0,0"
+                                                       Style="{ThemeResource SubtitleTextBlockStyle}" />
+
+                                                    <StackPanel>
+
+                                                        <RichTextBlock
+                                                            Margin="0,16,0,0">
                                                             <Paragraph>
-                                                                <Run x:Uid="DevelopedByRun"></Run>
+                                                                <Run x:Uid="InspiredByRun"></Run>
                                                                 <Hyperlink
                                                                     Foreground="{ThemeResource AccentTextFillColorPrimaryBrush}"
-                                                                    NavigateUri="https://github.com/Gabboxl">
-                                                                    Gabboxl
+                                                                    NavigateUri="https://twitter.com/zeealeid">
+                                                                    @zeealeid
                                                                 </Hyperlink>
                                                             </Paragraph>
                                                         </RichTextBlock>
-                                                    </RelativePanel>
-                                                </StackPanel>
 
-                                                <StackPanel Orientation="Horizontal"
-                                                    Margin="0,6,0,0"
-                                                    HorizontalAlignment="Center">
+                                                        <RelativePanel Margin="0,16,0,0">
+
+                                                            <TextBlock x:Name="AppText" Text="FluentWeather" FontWeight="Bold" RelativePanel.AlignLeftWithPanel="True"/>
+
+                                                            <Button Style="{ThemeResource TextButtonStyle}" x:Name="ChangelogButton"
+                                                                Click="VersionText_Click" Margin="-6,2,0,0"
+                                                                RelativePanel.AlignVerticalCenterWith="AppText"
+                                                                RelativePanel.RightOf="AppText">
+                                                                <Button.Content>
+                                                                    <TextBlock
+                                                                        d:DataContext="{d:DesignInstance views:MainPage }"
+                                                                        Text="{Binding MainPageViewModel.AppVersionText}"/>
+                                                                </Button.Content>
+                                                            </Button>
+
+                                                            <RichTextBlock RelativePanel.RightOf="ChangelogButton"
+                                                                Margin="-8,0,0,0">
+                                                                <Paragraph>
+                                                                    <Run x:Uid="DevelopedByRun"></Run>
+                                                                    <Hyperlink
+                                                                        Foreground="{ThemeResource AccentTextFillColorPrimaryBrush}"
+                                                                        NavigateUri="https://github.com/Gabboxl">
+                                                                        Gabboxl
+                                                                    </Hyperlink>
+                                                                </Paragraph>
+                                                            </RichTextBlock>
+                                                        </RelativePanel>
+                                                    </StackPanel>
+
+                                                    <StackPanel Orientation="Horizontal"
+                                                        Margin="0,6,0,0"
+                                                        HorizontalAlignment="Center">
+
+                                                        <HyperlinkButton NavigateUri="http://github.com/Gabboxl/FluentWeather">
+                                                            <StackPanel Orientation="Horizontal" Spacing="10">
+                                                                <Grid Width="18" Height="18">
+                                                                    <Path
+                                                                    Data="{StaticResource GithubIconPath}"
+                                                                    Stretch="Uniform"
+                                                                    Fill="{ThemeResource AccentTextFillColorPrimaryBrush}" />
+                                                                </Grid>
 
-                                                    <HyperlinkButton NavigateUri="http://github.com/Gabboxl/FluentWeather">
-                                                        <StackPanel Orientation="Horizontal" Spacing="10">
-                                                            <Grid Width="18" Height="18">
-                                                                <Path
-                                                                Data="{StaticResource GithubIconPath}"
-                                                                Stretch="Uniform"
-                                                                Fill="{ThemeResource AccentTextFillColorPrimaryBrush}" />
-                                                            </Grid>
+                                                                <TextBlock x:Uid="GithubProjectButton" />
+                                                            </StackPanel>
+                                                        </HyperlinkButton>
 
-                                                            <TextBlock x:Uid="GithubProjectButton" />
-                                                        </StackPanel>
-                                                    </HyperlinkButton>
 
+                                                        <HyperlinkButton x:Name="hyperlinkTranslate"
+                                                             RelativePanel.RightOf="hyperlinkVote"
+                                                             NavigateUri="https://crowdin.com/project/FluentWeather/invite?h=65e6adb7864849923ca0d49c39a61b131814251">
 
-                                                    <HyperlinkButton x:Name="hyperlinkTranslate"
-                                                         RelativePanel.RightOf="hyperlinkVote"
-                                                         NavigateUri="https://crowdin.com/project/FluentWeather/invite?h=65e6adb7864849923ca0d49c39a61b131814251">
+                                                            <StackPanel Orientation="Horizontal" Spacing="10">
+                                                                <Grid Width="18" Height="18">
+                                                                    <Path
+                                                                        Data="{StaticResource TranslateIconPath}"
+                                                                        Stretch="Uniform"
+                                                                        Fill="{ThemeResource AccentTextFillColorPrimaryBrush}" />
+                                                                </Grid>
 
-                                                        <StackPanel Orientation="Horizontal" Spacing="10">
-                                                            <Grid Width="18" Height="18">
-                                                                <Path
-                                                                    Data="{StaticResource TranslateIconPath}"
-                                                                    Stretch="Uniform"
-                                                                    Fill="{ThemeResource AccentTextFillColorPrimaryBrush}" />
-                                                            </Grid>
-
-                                                            <TextBlock x:Uid="TranslateAppText" />
-                                                        </StackPanel>
-                                                    </HyperlinkButton>
+                                                                <TextBlock x:Uid="TranslateAppText" />
+                                                            </StackPanel>
+                                                        </HyperlinkButton>
 
+                                                    </StackPanel>
 
                                                 </StackPanel>
-
-
-                                            </StackPanel>
+                                            </ScrollViewer>
                                         </ControlTemplate>
                                     </MenuFlyoutItem.Template>
                                 </MenuFlyoutItem>