From 8ced83c601caf7bb96c9350b0845277208a41b97 Mon Sep 17 00:00:00 2001
From: Max Katz <maxkatz6@outlook.com>
Date: Sun, 13 Jun 2021 02:42:46 -0400
Subject: [PATCH] Update sample pages

---
 .../Pages/ContextFlyoutPage.xaml              | 43 ++++++++++++-------
 .../Pages/ContextFlyoutPage.xaml.cs           |  2 +-
 .../Pages/ContextMenuPage.xaml.cs             |  2 +-
 3 files changed, 30 insertions(+), 17 deletions(-)

diff --git a/samples/ControlCatalog/Pages/ContextFlyoutPage.xaml b/samples/ControlCatalog/Pages/ContextFlyoutPage.xaml
index cc17d9c747..0d9026bdd5 100644
--- a/samples/ControlCatalog/Pages/ContextFlyoutPage.xaml
+++ b/samples/ControlCatalog/Pages/ContextFlyoutPage.xaml
@@ -13,22 +13,22 @@
   </UserControl.Styles>
 
   <StackPanel Orientation="Vertical" Spacing="4">
+    <StackPanel.Styles>
+      <Style Selector="Border.context-target">
+        <Setter Property="Padding" Value="48,20" />
+        <Setter Property="Margin" Value="8" />
+        <Setter Property="Focusable" Value="True" />
+        <Setter Property="Background" Value="{DynamicResource SystemAccentColor}" />
+      </Style>
+      <Style Selector="Border.context-target > :is(Control)">
+        <Setter Property="VerticalAlignment" Value="Center" />
+      </Style>
+    </StackPanel.Styles>
     <TextBlock Classes="h1">Context Flyout</TextBlock>
     <TextBlock Classes="h2">A right click Flyout that can be applied to any control.</TextBlock>
 
     <UniformGrid HorizontalAlignment="Center" Rows="2">
-      <UniformGrid.Styles>
-        <Style Selector="UniformGrid > Border">
-          <Setter Property="Padding" Value="48,20" />
-          <Setter Property="Margin" Value="8" />
-          <Setter Property="Focusable" Value="True" />
-          <Setter Property="Background" Value="{DynamicResource SystemAccentColor}" />
-        </Style>
-        <Style Selector="UniformGrid > Border > :is(Control)">
-          <Setter Property="VerticalAlignment" Value="Center" />
-        </Style>
-      </UniformGrid.Styles>
-      <Border>
+      <Border Classes="context-target">
         <Border.ContextFlyout>
           <MenuFlyout>
             <MenuItem Header="Standard _Menu Item" InputGesture="Ctrl+A" />
@@ -56,7 +56,7 @@
         </Border.ContextFlyout>
         <TextBlock Text="Defined in XAML" />
       </Border>
-      <Border>
+      <Border Classes="context-target">
         <Border.Styles>
           <Style Selector="MenuFlyoutPresenter MenuItem">
             <Setter Property="Header" Value="{Binding Header}"/>
@@ -70,13 +70,15 @@
         </Border.ContextFlyout>
         <TextBlock Text="Dynamically Generated"/>
       </Border>
-      <Border x:Name="CustomContextRequestedBorder">
+      <Border x:Name="CustomContextRequestedBorder"
+              Classes="context-target">
         <Border.ContextFlyout>
           <Flyout Content="Should never be visible" />
         </Border.ContextFlyout>
         <TextBlock Text="Custom ContextRequested handler" TextWrapping="Wrap" />
       </Border>
-      <Border x:Name="CancellableContextBorder">
+      <Border x:Name="CancellableContextBorder"
+              Classes="context-target">
         <Border.ContextFlyout>
           <Flyout>
             <CheckBox x:Name="CancelCloseCheckBox" Content="Cancel close" />
@@ -97,6 +99,7 @@
              ContextMenu="{x:Null}">
       <TextBox.ContextFlyout>
         <Flyout FlyoutPresenterClasses="NoPadding">
+          <StackPanel>
           <StackPanel Orientation="Horizontal">
             <StackPanel.Styles>
               <Style Selector="Button">
@@ -137,6 +140,16 @@
                         Data="M3.52499419,3.71761187 L3.61611652,3.61611652 C4.0717282,3.16050485 4.79154862,3.13013074 5.28238813,3.52499419 L5.38388348,3.61611652 L14,12.233 L22.6161165,3.61611652 C23.1042719,3.12796116 23.8957281,3.12796116 24.3838835,3.61611652 C24.8720388,4.10427189 24.8720388,4.89572811 24.3838835,5.38388348 L15.767,14 L24.3838835,22.6161165 C24.8394952,23.0717282 24.8698693,23.7915486 24.4750058,24.2823881 L24.3838835,24.3838835 C23.9282718,24.8394952 23.2084514,24.8698693 22.7176119,24.4750058 L22.6161165,24.3838835 L14,15.767 L5.38388348,24.3838835 C4.89572811,24.8720388 4.10427189,24.8720388 3.61611652,24.3838835 C3.12796116,23.8957281 3.12796116,23.1042719 3.61611652,22.6161165 L12.233,14 L3.61611652,5.38388348 C3.16050485,4.9282718 3.13013074,4.20845138 3.52499419,3.71761187 L3.61611652,3.61611652 L3.52499419,3.71761187 Z" />
             </Button>
           </StackPanel>
+            <Border Classes="context-target"
+                    Padding="4, 20">
+              <Border.ContextFlyout>
+                <Flyout>
+                  <TextBlock>Hello world</TextBlock>
+                </Flyout>
+              </Border.ContextFlyout>
+              <TextBlock>Inner context flyout</TextBlock>
+            </Border>
+          </StackPanel>
         </Flyout>
       </TextBox.ContextFlyout>
     </TextBox>
diff --git a/samples/ControlCatalog/Pages/ContextFlyoutPage.xaml.cs b/samples/ControlCatalog/Pages/ContextFlyoutPage.xaml.cs
index 5126ae91bf..10f9ee1de8 100644
--- a/samples/ControlCatalog/Pages/ContextFlyoutPage.xaml.cs
+++ b/samples/ControlCatalog/Pages/ContextFlyoutPage.xaml.cs
@@ -78,7 +78,7 @@ namespace ControlCatalog.Pages
             var textBlock = (TextBlock)border.Child;
 
             textBlock.Text = e.TryGetPosition(border, out var point)
-                ? $"Context was requested with pointer at: {point}"
+                ? $"Context was requested with pointer at: {point.X:N0}, {point.Y:N0}"
                 : "Context was requested without pointer";
             e.Handled = true;
         }
diff --git a/samples/ControlCatalog/Pages/ContextMenuPage.xaml.cs b/samples/ControlCatalog/Pages/ContextMenuPage.xaml.cs
index 7b75503abe..da016e9a75 100644
--- a/samples/ControlCatalog/Pages/ContextMenuPage.xaml.cs
+++ b/samples/ControlCatalog/Pages/ContextMenuPage.xaml.cs
@@ -56,7 +56,7 @@ namespace ControlCatalog.Pages
             var textBlock = (TextBlock)border.Child;
 
             textBlock.Text = e.TryGetPosition(border, out var point)
-                ? $"Context was requested with pointer at: {point}"
+                ? $"Context was requested with pointer at: {point.X:N0}, {point.Y:N0}"
                 : "Context was requested without pointer";
             e.Handled = true;
         }