|
9 | 9 | mc:Ignorable="d"
|
10 | 10 | Width="{DynamicResource FlyoutWidth}" VerticalAlignment="Top">
|
11 | 11 | <Border CornerRadius="{DynamicResource FlyoutCornerRadius}">
|
12 |
| - <Grid> |
| 12 | + <Grid x:Name="ContentGrid"> |
13 | 13 | <Grid.ColumnDefinitions>
|
| 14 | + <ColumnDefinition Width="15"/> |
14 | 15 | <ColumnDefinition Width="*" />
|
15 | 16 | <ColumnDefinition Width="Auto" />
|
16 | 17 | </Grid.ColumnDefinitions>
|
|
19 | 20 | <RowDefinition Height="Auto" />
|
20 | 21 | </Grid.RowDefinitions>
|
21 | 22 |
|
22 |
| - <Border Grid.ColumnSpan="2" Grid.RowSpan="2" Opacity="0.5" CornerRadius="{DynamicResource FlyoutCornerRadius}" ClipToBounds="True"> |
| 23 | + <Border Grid.ColumnSpan="3" Grid.RowSpan="2" Opacity="0.5" CornerRadius="{DynamicResource FlyoutCornerRadius}" ClipToBounds="True"> |
23 | 24 | <Border.OpacityMask>
|
24 |
| - <RadialGradientBrush GradientOrigin="1,0.5" RadiusX="1" RadiusY="1" Center="1,0.5"> |
| 25 | + <RadialGradientBrush x:Name="thumbnailBGOpacityBrush" x:FieldModifier="private" GradientOrigin="1,0.5" RadiusX="1" RadiusY="1" Center="1,0.5"> |
25 | 26 | <GradientStop Color="White" Offset="0" />
|
26 | 27 | <GradientStop Color="Transparent" Offset="1" />
|
27 | 28 | </RadialGradientBrush>
|
|
33 | 34 | </Border.Background>
|
34 | 35 | </Border>
|
35 | 36 |
|
36 |
| - <Grid x:Name="TextBlockGrid" Grid.Column="0" VerticalAlignment="Center" Margin="15,25,0,0" Cursor="Hand"> |
| 37 | + <Grid x:Name="TextBlockGrid" Grid.Column="1" VerticalAlignment="Center" Margin="0,25,0,0" Cursor="Hand"> |
37 | 38 | <Grid.RowDefinitions>
|
38 | 39 | <RowDefinition Height="Auto" />
|
39 | 40 | <RowDefinition Height="Auto" />
|
|
58 | 59 | </TextBlock>
|
59 | 60 | </Grid>
|
60 | 61 |
|
61 |
| - <Grid Grid.Column="1"> |
| 62 | + <Grid x:Name="TGParent" x:FieldModifier="private" Grid.Column="2"> |
62 | 63 | <Grid Height="64" Width="64" Margin="16,16,16,6" x:Name="ThumbnailGrid" Cursor="Hand">
|
63 | 64 | <Border CornerRadius="{DynamicResource FlyoutCornerRadius}" Background="#333333" />
|
64 | 65 | <Border CornerRadius="{DynamicResource FlyoutCornerRadius}">
|
|
69 | 70 | </Grid>
|
70 | 71 | </Grid>
|
71 | 72 |
|
72 |
| - <StackPanel x:Name="AppInfoPanel" Margin="15,15,0,0" Grid.RowSpan="2" Grid.Column="0" |
| 73 | + <StackPanel x:Name="AppInfoPanel" Margin="0,15,0,0" Grid.RowSpan="2" Grid.Column="1" |
73 | 74 | VerticalAlignment="Top" Orientation="Horizontal" Cursor="Hand">
|
74 | 75 | <Image x:Name="AppImage" Source="/Assets/Logo.ico" Width="16" Height="16" RenderOptions.BitmapScalingMode="Fant" />
|
75 | 76 | <TextBlock x:Name="AppNameBlock" Text="ModernFlyouts" VerticalAlignment="Center"
|
76 | 77 | Margin="5,0,0,0" TextTrimming="CharacterEllipsis" TextWrapping="NoWrap"
|
77 | 78 | Style="{DynamicResource CaptionTextBlockStyle}" Foreground="{DynamicResource SystemControlForegroundBaseHighBrush}" />
|
78 | 79 | </StackPanel>
|
79 | 80 |
|
80 |
| - <ui:SplitView x:Name="ControlsSplitView" Grid.ColumnSpan="2" Grid.Row="1" |
| 81 | + <ui:SplitView x:Name="ControlsSplitView" Grid.ColumnSpan="3" Grid.Row="1" |
81 | 82 | Margin="0,0,0,12" VerticalAlignment="Center" OpenPaneLength="{DynamicResource FlyoutWidth}"
|
82 | 83 | PaneBackground="Transparent" DisplayMode="Inline" IsPaneOpen="False">
|
83 | 84 | <ui:SplitView.Pane>
|
|
110 | 111 | </StackPanel>
|
111 | 112 | </ui:SplitView>
|
112 | 113 |
|
113 |
| - <ToggleButton x:Name="MoreControlsButton" Grid.Row="1" Grid.ColumnSpan="2" HorizontalAlignment="Left" VerticalAlignment="Center" |
| 114 | + <ToggleButton x:Name="MoreControlsButton" Grid.Row="1" Grid.ColumnSpan="3" HorizontalAlignment="Left" VerticalAlignment="Center" |
114 | 115 | ToolTip="{x:Static resx:Strings.SessionControl_MoreControls}" Margin="16,0,0,12"
|
115 | 116 | IsChecked="{Binding ElementName=ControlsSplitView, Path=IsPaneOpen}">
|
116 | 117 | <ui:FontIcon Glyph="{x:Static utils:CommonGlyphs.More}" FontSize="16" />
|
117 | 118 | </ToggleButton>
|
118 | 119 |
|
119 |
| - <Button x:Name="TimelineInfoButton" Grid.Row="1" Grid.ColumnSpan="2" HorizontalAlignment="Right" VerticalAlignment="Center" |
| 120 | + <Button x:Name="TimelineInfoButton" Grid.Row="1" Grid.ColumnSpan="3" HorizontalAlignment="Right" VerticalAlignment="Center" |
120 | 121 | ToolTip="{x:Static resx:Strings.SessionControl_TimelineInfo}" Margin="0,0,16,12">
|
121 | 122 | <ui:FontIcon Glyph="{x:Static utils:CommonGlyphs.TimelineInfo}" FontSize="16" />
|
122 | 123 | <ui:FlyoutService.Flyout>
|
|
0 commit comments