From 72fb2dd4b57915dedfd9f2c2e6806416141ab756 Mon Sep 17 00:00:00 2001
From: Dan Walmsley <dan@walms.co.uk>
Date: Wed, 17 Jun 2020 19:11:12 -0300
Subject: [PATCH] use panel instead of grid.

---
 src/Avalonia.Themes.Fluent/ProgressBar.xaml | 28 ++++++++++-----------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/src/Avalonia.Themes.Fluent/ProgressBar.xaml b/src/Avalonia.Themes.Fluent/ProgressBar.xaml
index 6e2b4138b3..77a1dc0e25 100644
--- a/src/Avalonia.Themes.Fluent/ProgressBar.xaml
+++ b/src/Avalonia.Themes.Fluent/ProgressBar.xaml
@@ -17,18 +17,16 @@
     <Setter Property="VerticalAlignment" Value="Center" />
     <Setter Property="Template">
       <ControlTemplate>
-        <Border x:Name="ProgressBarRoot" ClipToBounds="True" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="{DynamicResource ControlCornerRadius}">
-          <Border CornerRadius="{DynamicResource ControlCornerRadius}">
-            <Grid>
-              <Grid x:Name="DeterminateRoot">
+        <Border x:Name="ProgressBarRoot" ClipToBounds="True" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="{DynamicResource ControlCornerRadius}">          
+            <Panel>
+              <Panel x:Name="DeterminateRoot">
                 <Border CornerRadius="{DynamicResource ControlCornerRadius}" x:Name="PART_Indicator" Margin="{TemplateBinding Padding}" Background="{TemplateBinding Foreground}" />
-              </Grid>
-              <Grid x:Name="IndeterminateRoot">
+              </Panel>
+              <Panel x:Name="IndeterminateRoot">
                 <Border x:Name="IndeterminateProgressBarIndicator" CornerRadius="{DynamicResource ControlCornerRadius}" Margin="{TemplateBinding Padding}" Background="{TemplateBinding Foreground}" />
                 <Border x:Name="IndeterminateProgressBarIndicator2" CornerRadius="{DynamicResource ControlCornerRadius}" Margin="{TemplateBinding Padding}" Background="{TemplateBinding Foreground}" />
-              </Grid>
-            </Grid>
-          </Border>
+              </Panel>
+            </Panel>          
         </Border>
       </ControlTemplate>
     </Setter>
@@ -57,30 +55,30 @@
     </Setter>
   </Style>
   <!-- FadeInAnimation mockup-->
-  <Style Selector="ProgressBar /template/ Grid#DeterminateRoot">
+  <Style Selector="ProgressBar /template/ Panel#DeterminateRoot">
     <Setter Property="Transitions">
       <Transitions>
         <DoubleTransition Property="Opacity" Duration="0:0:0.197" />
       </Transitions>
     </Setter>
   </Style>
-  <Style Selector="ProgressBar /template/ Grid#IndeterminateRoot">
+  <Style Selector="ProgressBar /template/ Panel#IndeterminateRoot">
     <Setter Property="Transitions">
       <Transitions>
         <DoubleTransition Property="Opacity" Duration="0:0:0.197" />
       </Transitions>
     </Setter>
   </Style>
-  <Style Selector="ProgressBar /template/ Grid#DeterminateRoot">
+  <Style Selector="ProgressBar /template/ Panel#DeterminateRoot">
     <Setter Property="Opacity" Value="1" />
   </Style>
-  <Style Selector="ProgressBar /template/ Grid#IndeterminateRoot">
+  <Style Selector="ProgressBar /template/ Panel#IndeterminateRoot">
     <Setter Property="Opacity" Value="0" />
   </Style>
-  <Style Selector="ProgressBar:indeterminate /template/ Grid#DeterminateRoot">
+  <Style Selector="ProgressBar:indeterminate /template/ Panel#DeterminateRoot">
     <Setter Property="Opacity" Value="0" />
   </Style>
-  <Style Selector="ProgressBar:indeterminate /template/ Grid#IndeterminateRoot">
+  <Style Selector="ProgressBar:indeterminate /template/ Panel#IndeterminateRoot">
     <Setter Property="Opacity" Value="1" />
   </Style>
   <Style Selector="ProgressBar:horizontal:indeterminate /template/ Border#IndeterminateProgressBarIndicator">