From 89dee591c262e536c796e61a446fb40f67eae090 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20=C4=8Cech?= <daniel.j.cech@gmail.com>
Date: Tue, 6 Oct 2026 15:19:50 +0200
Subject: [PATCH] fix: show the releases as a top pane and let the release page
 shrink with the dialog (#50)

---
 FluentMath/Views/ReleaseNotesDialog.xaml    | 24 ++++++++++++++++++---
 FluentMath/Views/ReleaseNotesDialog.xaml.cs |  4 ++--
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/FluentMath/Views/ReleaseNotesDialog.xaml b/FluentMath/Views/ReleaseNotesDialog.xaml
index 30e6c08..1340cef 100644
--- a/FluentMath/Views/ReleaseNotesDialog.xaml
+++ b/FluentMath/Views/ReleaseNotesDialog.xaml
@@ -33,6 +33,7 @@
     <!--  (the size is applied in code, see ResizeToWindow)  -->
     <Grid x:Name="RootGrid">
         <Grid.RowDefinitions>
+            <RowDefinition Height="Auto" />
             <RowDefinition Height="Auto" />
             <RowDefinition Height="*" />
         </Grid.RowDefinitions>
@@ -76,7 +77,12 @@
             </Button>
         </Grid>
 
-        <!--  content: a NavigationView driving a Frame, for the native page transition  -->
+        <!--  release list: a NavigationView driving the Frame below, for the native page transition  -->
+        <!--
+            (the Frame is not its content: on top the pane asks for its items, the overflow button and a 48 wide
+            custom content column, and a narrower dialog arranges the whole control at that width and clips it,
+            the page with it)
+        -->
         <NavigationView
             x:Name="ReleaseNav"
             Grid.Row="1"
@@ -85,9 +91,21 @@
             IsPaneToggleButtonVisible="False"
             IsSettingsVisible="False"
             OpenPaneLength="80"
-            PaneDisplayMode="Left"
+            PaneDisplayMode="Top"
             SelectionChanged="ReleaseNav_SelectionChanged">
 
+            <!--  (no custom content in the pane, so its column needs no width of its own)  -->
+            <NavigationView.Resources>
+                <x:Double x:Key="TopNavigationViewPaneCustomContentMinWidth">0</x:Double>
+            </NavigationView.Resources>
+        </NavigationView>
+
+        <!--  release page, with the fill and the line the NavigationView would draw under a top pane  -->
+        <Border
+            Grid.Row="2"
+            Background="{ThemeResource NavigationViewContentBackground}"
+            BorderBrush="{ThemeResource NavigationViewContentGridBorderBrush}"
+            BorderThickness="{ThemeResource TopNavigationViewContentGridBorderThickness}">
             <Grid>
                 <!--  release page  -->
                 <Frame x:Name="ReleaseFrame" />
@@ -114,6 +132,6 @@
                     TextWrapping="Wrap"
                     Visibility="Collapsed" />
             </Grid>
-        </NavigationView>
+        </Border>
     </Grid>
 </ContentDialog>
diff --git a/FluentMath/Views/ReleaseNotesDialog.xaml.cs b/FluentMath/Views/ReleaseNotesDialog.xaml.cs
index d67ed11..baa1b31 100644
--- a/FluentMath/Views/ReleaseNotesDialog.xaml.cs
+++ b/FluentMath/Views/ReleaseNotesDialog.xaml.cs
@@ -21,9 +21,9 @@ public sealed partial class ReleaseNotesDialog : ContentDialog
         // in px; the window can be far narrower than the dialog, so both sides are capped to a share of it
         private const double DialogWidth = 550;
         private const double MaxDialogHeight = 740;
-        private const double MinDialogHeight = 460;
+        private const double MinDialogHeight = 400;
         private const double HeightFraction = 0.85; // of the window height
-        private const double MaxWindowShare = 0.95; // of the window width and height
+        private const double MaxWindowShare = 1.0; // of the window width and height
 
 
         // === constructor ===