Merge pull request #2247 from Nexus-Mods/healthcheck-markdown-scroll

Added ScrollViewer around health check markdown
Nexus-Mods · Nov 14, 2024 · 04b2b90 · 04b2b90
2 parents e256e00 + 9c2db82
commit 04b2b90
Showing 1 changed file with 27 additions and 22 deletions.
diff --git a/src/NexusMods.App.UI/Pages/Diagnostics/Details/DiagnosticDetailsView.axaml b/src/NexusMods.App.UI/Pages/Diagnostics/Details/DiagnosticDetailsView.axaml
@@ -13,30 +13,35 @@
     <Design.DataContext>
         <diagnostics:DiagnosticDetailsDesignViewModel />
     </Design.DataContext>
-    
+
     <!-- NOTE(insomnious): if we need any more styling than this, we should move it to a separate style file -->
-    <Border Padding="24" MaxWidth="1000">
-        <StackPanel Orientation="Vertical"
-                    HorizontalAlignment="Stretch"
-                    Classes="Spacing-3">
-
-            <StackPanel x:Name="TitleLineStackPanel"
-                        Orientation="Horizontal"
-                        Classes="Spacing-1">
-
-                <icons:UnifiedIcon x:Name="SeverityIcon"
-                                         Size="20"
-                                         VerticalAlignment="Center"/>
-
-                <TextBlock x:Name="SeverityTitleTextBlock"
-                           Classes="TitleSMSemi" 
-                           VerticalAlignment="Center" />
-            </StackPanel>
 
-            <Border x:Name="HorizontalLine" Height="1" />
+    <ScrollViewer>
+        <Border Padding="24" MaxWidth="1000">
+
+            <StackPanel Orientation="Vertical"
+                        HorizontalAlignment="Stretch"
+                        Spacing="{StaticResource Spacing-3}">
+
+                <StackPanel x:Name="TitleLineStackPanel"
+                            Orientation="Horizontal"
+                            Spacing="{StaticResource Spacing-1}">
+
+                    <icons:UnifiedIcon x:Name="SeverityIcon"
+                                       Size="20"
+                                       VerticalAlignment="Center" />
+
+                    <TextBlock x:Name="SeverityTitleTextBlock"
+                               Theme="{StaticResource TitleSMSemiTheme}"
+                               VerticalAlignment="Center" />
+                </StackPanel>
+
+                <Border x:Name="HorizontalLine" Height="1" />
+
+                <reactiveUi:ViewModelViewHost x:Name="MarkdownRendererViewModelViewHost" />
+            </StackPanel>
 
-            <reactiveUi:ViewModelViewHost x:Name="MarkdownRendererViewModelViewHost"/>
-        </StackPanel>
-    </Border>
+        </Border>
+    </ScrollViewer>
 
 </reactiveUi:ReactiveUserControl>