From c52e6eddc2e11714f04b94e3b692de0ff80ec92b Mon Sep 17 00:00:00 2001
From: atraczyk <andreastraczyk@gmail.com>
Date: Tue, 6 Sep 2016 14:29:58 -0400
Subject: [PATCH] UI: rearrange grid to fit debug panel properly

- rearranges the xaml to place the hamburger button inside the
splitview's pane above the smartpanel, allowing for the debug to
roll out on top

Change-Id: Ib61840d899e1ab22a397439b3a81ef494569370a
Tuleap: #1005
---
 MainPage.xaml | 51 +++++++++++++++++++++++++++------------------------
 1 file changed, 27 insertions(+), 24 deletions(-)

diff --git a/MainPage.xaml b/MainPage.xaml
index ba9061d..31d3e27 100644
--- a/MainPage.xaml
+++ b/MainPage.xaml
@@ -24,29 +24,7 @@
       mc:Ignorable="d">
 
     <Grid>
-        <Grid.RowDefinitions>
-            <RowDefinition Height="32"/>
-            <RowDefinition Height="*"/>
-        </Grid.RowDefinitions>
-        <Grid x:Name="_hamburgerButtonBar_"
-              Canvas.ZIndex="2"
-              Grid.Row="0"
-              Background="LightBlue"
-              Width="320"
-              HorizontalAlignment="Left">
-            <Grid.ColumnDefinitions>
-                <ColumnDefinition Width="60"/>
-            </Grid.ColumnDefinitions>
-            <!-- hamburger button. -->
-            <Button x:Name="_toggleSmartBoxButton_"
-                        Grid.Row="0"
-                        Content="&#xE700;"
-                        Click="_toggleSmartBoxButton__Click"
-                        HorizontalAlignment="Center"
-                        Style="{StaticResource HamburgerButtonStyle}"/>
-        </Grid>
         <SplitView x:Name="_outerSplitView_"
-                   Grid.Row="1"
                    IsPaneOpen="False">
         <SplitView.Pane>
             <Frame x:Name="_consolePanel_"/>
@@ -57,8 +35,33 @@
                        CompactPaneLength="60"
                        DisplayMode="CompactInline">
                 <SplitView.Pane>
-                    <Frame x:Name="_smartPanel_"/>
-                </SplitView.Pane>
+                        <Grid>
+                            <Grid.RowDefinitions>
+                                <RowDefinition Height="32"/>
+                                <RowDefinition Height="*"/>
+                            </Grid.RowDefinitions>
+                            <Grid   x:Name="_hamburgerButtonBar_"
+                                    Canvas.ZIndex="0"
+                                    Grid.Row="0"
+                                    Background="LightBlue"
+                                    Width="320"
+                                    HorizontalAlignment="Left">
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="60"/>
+                                </Grid.ColumnDefinitions>
+                                <!-- hamburger button. -->
+                                <Button x:Name="_toggleSmartBoxButton_"
+                                        Grid.Row="0"
+                                        Content="&#xE700;"
+                                        Click="_toggleSmartBoxButton__Click"
+                                        HorizontalAlignment="Center"
+                                        Style="{StaticResource HamburgerButtonStyle}"/>
+                            </Grid>
+                            <Frame x:Name="_smartPanel_"
+                                   Grid.Row="1">
+                            </Frame>
+                        </Grid>
+                    </SplitView.Pane>
                 <SplitView.Content>
                         <Grid x:Name="_navGrid_">
                             <Grid.RowDefinitions>
-- 
GitLab