javier/Wino-Mail
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

simplify layout for mail list

Browse Source
This commit is contained in:
Aleh Khantsevich
2024-08-29 17:18:46 +02:00
parent 945c747e3e
commit c6216f54f8
1 changed files with 228 additions and 260 deletions
Download Patch File Download Diff File Expand all files Collapse all files

488
Wino.Mail/Views/MailListPage.xaml
View File

@@ -195,28 +195,6 @@
</selectors:MailItemDisplaySelector> </selectors:MailItemDisplaySelector>
<SolidColorBrush x:Key="ButtonBackgroundDisabled">Transparent</SolidColorBrush> <SolidColorBrush x:Key="ButtonBackgroundDisabled">Transparent</SolidColorBrush>
<Style
x:Key="TopCommandBarButtonStyle"
BasedOn="{StaticResource DefaultButtonStyle}"
TargetType="Button">
<Setter Property="Background" Value="Transparent" />
<Setter Property="BorderThickness" Value="0" />
<Setter Property="VerticalAlignment" Value="Center" />
<Setter Property="HorizontalAlignment" Value="Stretch" />
<Setter Property="Padding" Value="12" />
</Style>
<Style
x:Key="TopCommandBarToggleButtonStyle"
BasedOn="{StaticResource DefaultToggleButtonStyle}"
TargetType="ToggleButton">
<Setter Property="Background" Value="Transparent" />
<Setter Property="BorderThickness" Value="0" />
<Setter Property="VerticalAlignment" Value="Center" />
<Setter Property="HorizontalAlignment" Value="Stretch" />
<Setter Property="Padding" Value="12" />
</Style>
</Page.Resources> </Page.Resources>
<wino:BasePage.ShellContent> <wino:BasePage.ShellContent>
@@ -259,7 +237,7 @@
<Border <Border
x:Name="MailListContainer" x:Name="MailListContainer"
Grid.Column="0" Grid.Column="0"
Padding="5,0,0,0" Padding="5"
Background="{ThemeResource WinoContentZoneBackgroud}" Background="{ThemeResource WinoContentZoneBackgroud}"
BorderBrush="{StaticResource CardStrokeColorDefaultBrush}" BorderBrush="{StaticResource CardStrokeColorDefaultBrush}"
BorderThickness="1" BorderThickness="1"
@@ -271,249 +249,240 @@
<RowDefinition Height="*" /> <RowDefinition Height="*" />
</Grid.RowDefinitions> </Grid.RowDefinitions>
<!-- Top Area --> <!-- Action bar -->
<Grid CornerRadius="8" RowSpacing="4"> <Grid
Grid.Row="0"
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
CornerRadius="8"
Visibility="{x:Bind ViewModel.PreferencesService.IsMailListActionBarEnabled}">
<CommandBar
HorizontalAlignment="Left"
DefaultLabelPosition="Collapsed"
OverflowButtonVisibility="Auto">
<AppBarButton
x:Name="ArchiveAppBarButton"
x:Load="{x:Bind helpers:XamlHelpers.ReverseBoolConverter(ViewModel.IsArchiveSpecialFolder), Mode=OneWay}"
Command="{x:Bind ViewModel.MailOperationCommand}"
IsEnabled="{x:Bind ViewModel.HasSelectedItems, Mode=OneWay}"
Label="{x:Bind domain:Translator.MailOperation_Archive}"
ToolTipService.ToolTip="{x:Bind domain:Translator.MailOperation_Archive}">
<AppBarButton.Icon>
<controls:WinoFontIcon FontSize="18" Icon="Archive" />
</AppBarButton.Icon>
<AppBarButton.CommandParameter>
<enums:MailOperation>Archive</enums:MailOperation>
</AppBarButton.CommandParameter>
</AppBarButton>
<AppBarButton
x:Name="UnarchiveAppBarButton"
x:Load="{x:Bind ViewModel.IsArchiveSpecialFolder, Mode=OneWay}"
Command="{x:Bind ViewModel.MailOperationCommand}"
IsEnabled="{x:Bind ViewModel.HasSelectedItems, Mode=OneWay}"
Label="{x:Bind domain:Translator.MailOperation_Unarchive}"
ToolTipService.ToolTip="{x:Bind domain:Translator.MailOperation_Unarchive}">
<AppBarButton.Icon>
<controls:WinoFontIcon FontSize="18" Icon="UnArchive" />
</AppBarButton.Icon>
<AppBarButton.CommandParameter>
<enums:MailOperation>UnArchive</enums:MailOperation>
</AppBarButton.CommandParameter>
</AppBarButton>
<AppBarButton
Command="{x:Bind ViewModel.MailOperationCommand}"
IsEnabled="{x:Bind ViewModel.HasSelectedItems, Mode=OneWay}"
Label="{x:Bind domain:Translator.MailOperation_Delete}"
ToolTipService.ToolTip="{x:Bind domain:Translator.MailOperation_Delete}">
<AppBarButton.CommandParameter>
<enums:MailOperation>SoftDelete</enums:MailOperation>
</AppBarButton.CommandParameter>
<AppBarButton.Icon>
<controls:WinoFontIcon FontSize="18" Icon="Delete" />
</AppBarButton.Icon>
</AppBarButton>
<AppBarButton
Command="{x:Bind ViewModel.MailOperationCommand}"
IsEnabled="{x:Bind ViewModel.HasSelectedItems, Mode=OneWay}"
Label="{x:Bind domain:Translator.MailOperation_Move}"
ToolTipService.ToolTip="{x:Bind domain:Translator.MailOperation_Move}">
<AppBarButton.CommandParameter>
<enums:MailOperation>Move</enums:MailOperation>
</AppBarButton.CommandParameter>
<AppBarButton.Icon>
<controls:WinoFontIcon FontSize="18" Icon="Move" />
</AppBarButton.Icon>
</AppBarButton>
<AppBarButton
Command="{x:Bind ViewModel.MailOperationCommand}"
IsEnabled="{x:Bind ViewModel.HasSelectedItems, Mode=OneWay}"
Label="{x:Bind domain:Translator.MailOperation_SetFlag}"
ToolTipService.ToolTip="{x:Bind domain:Translator.MailOperation_SetFlag}">
<AppBarButton.CommandParameter>
<enums:MailOperation>SetFlag</enums:MailOperation>
</AppBarButton.CommandParameter>
<AppBarButton.Icon>
<controls:WinoFontIcon FontSize="18" Icon="Flag" />
</AppBarButton.Icon>
</AppBarButton>
<AppBarButton
Command="{x:Bind ViewModel.MailOperationCommand}"
IsEnabled="{x:Bind ViewModel.HasSelectedItems, Mode=OneWay}"
Label="{x:Bind domain:Translator.MailOperation_ClearFlag}"
ToolTipService.ToolTip="{x:Bind domain:Translator.MailOperation_ClearFlag}">
<AppBarButton.CommandParameter>
<enums:MailOperation>ClearFlag</enums:MailOperation>
</AppBarButton.CommandParameter>
<AppBarButton.Icon>
<controls:WinoFontIcon FontSize="18" Icon="ClearFlag" />
</AppBarButton.Icon>
</AppBarButton>
<AppBarButton
Command="{x:Bind ViewModel.MailOperationCommand}"
IsEnabled="{x:Bind ViewModel.HasSelectedItems, Mode=OneWay}"
Label="{x:Bind domain:Translator.MailOperation_MarkAsRead}"
ToolTipService.ToolTip="{x:Bind domain:Translator.MailOperation_MarkAsRead}">
<AppBarButton.CommandParameter>
<enums:MailOperation>MarkAsRead</enums:MailOperation>
</AppBarButton.CommandParameter>
<AppBarButton.Icon>
<controls:WinoFontIcon FontSize="18" Icon="MarkRead" />
</AppBarButton.Icon>
</AppBarButton>
<AppBarButton
Command="{x:Bind ViewModel.MailOperationCommand}"
IsEnabled="{x:Bind ViewModel.HasSelectedItems, Mode=OneWay}"
Label="{x:Bind domain:Translator.MailOperation_MarkAsUnread}"
ToolTipService.ToolTip="{x:Bind domain:Translator.MailOperation_MarkAsUnread}">
<AppBarButton.CommandParameter>
<enums:MailOperation>MarkAsUnread</enums:MailOperation>
</AppBarButton.CommandParameter>
<AppBarButton.Icon>
<controls:WinoFontIcon FontSize="18" Icon="MarkUnread" />
</AppBarButton.Icon>
</AppBarButton>
</CommandBar>
</Grid>
<!-- Pivot + Sync + Multi Select -->
<Grid
Grid.Row="1"
Padding="0,0,0,2"
Visibility="{x:Bind helpers:XamlHelpers.ReverseBoolToVisibilityConverter(ViewModel.IsInSearchMode), Mode=OneWay}">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions> <Grid.RowDefinitions>
<RowDefinition Height="Auto" /> <RowDefinition Height="Auto" />
<RowDefinition Height="*" /> <RowDefinition Height="Auto" />
</Grid.RowDefinitions> </Grid.RowDefinitions>
<!-- Top Commands --> <!-- Select All Checkbox -->
<Grid <CheckBox
Grid.Row="0" x:Name="SelectAllCheckbox"
Margin="0,5,5,0"
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
CornerRadius="8"
Visibility="{x:Bind ViewModel.PreferencesService.IsMailListActionBarEnabled}">
<CommandBar
HorizontalAlignment="Left"
DefaultLabelPosition="Collapsed"
OverflowButtonVisibility="Auto">
<AppBarButton
x:Name="ArchiveAppBarButton"
x:Load="{x:Bind helpers:XamlHelpers.ReverseBoolConverter(ViewModel.IsArchiveSpecialFolder), Mode=OneWay}"
Command="{x:Bind ViewModel.MailOperationCommand}"
IsEnabled="{x:Bind ViewModel.HasSelectedItems, Mode=OneWay}"
Label="{x:Bind domain:Translator.MailOperation_Archive}"
ToolTipService.ToolTip="{x:Bind domain:Translator.MailOperation_Archive}">
<AppBarButton.Icon>
<controls:WinoFontIcon FontSize="18" Icon="Archive" />
</AppBarButton.Icon>
<AppBarButton.CommandParameter>
<enums:MailOperation>Archive</enums:MailOperation>
</AppBarButton.CommandParameter>
</AppBarButton>
<AppBarButton
x:Name="UnarchiveAppBarButton"
x:Load="{x:Bind ViewModel.IsArchiveSpecialFolder, Mode=OneWay}"
Command="{x:Bind ViewModel.MailOperationCommand}"
IsEnabled="{x:Bind ViewModel.HasSelectedItems, Mode=OneWay}"
Label="{x:Bind domain:Translator.MailOperation_Unarchive}"
ToolTipService.ToolTip="{x:Bind domain:Translator.MailOperation_Unarchive}">
<AppBarButton.Icon>
<controls:WinoFontIcon FontSize="18" Icon="UnArchive" />
</AppBarButton.Icon>
<AppBarButton.CommandParameter>
<enums:MailOperation>UnArchive</enums:MailOperation>
</AppBarButton.CommandParameter>
</AppBarButton>
<AppBarButton
Command="{x:Bind ViewModel.MailOperationCommand}"
IsEnabled="{x:Bind ViewModel.HasSelectedItems, Mode=OneWay}"
Label="{x:Bind domain:Translator.MailOperation_Delete}"
ToolTipService.ToolTip="{x:Bind domain:Translator.MailOperation_Delete}">
<AppBarButton.CommandParameter>
<enums:MailOperation>SoftDelete</enums:MailOperation>
</AppBarButton.CommandParameter>
<AppBarButton.Icon>
<controls:WinoFontIcon FontSize="18" Icon="Delete" />
</AppBarButton.Icon>
</AppBarButton>
<AppBarButton
Command="{x:Bind ViewModel.MailOperationCommand}"
IsEnabled="{x:Bind ViewModel.HasSelectedItems, Mode=OneWay}"
Label="{x:Bind domain:Translator.MailOperation_Move}"
ToolTipService.ToolTip="{x:Bind domain:Translator.MailOperation_Move}">
<AppBarButton.CommandParameter>
<enums:MailOperation>Move</enums:MailOperation>
</AppBarButton.CommandParameter>
<AppBarButton.Icon>
<controls:WinoFontIcon FontSize="18" Icon="Move" />
</AppBarButton.Icon>
</AppBarButton>
<AppBarButton
Command="{x:Bind ViewModel.MailOperationCommand}"
IsEnabled="{x:Bind ViewModel.HasSelectedItems, Mode=OneWay}"
Label="{x:Bind domain:Translator.MailOperation_SetFlag}"
ToolTipService.ToolTip="{x:Bind domain:Translator.MailOperation_SetFlag}">
<AppBarButton.CommandParameter>
<enums:MailOperation>SetFlag</enums:MailOperation>
</AppBarButton.CommandParameter>
<AppBarButton.Icon>
<controls:WinoFontIcon FontSize="18" Icon="Flag" />
</AppBarButton.Icon>
</AppBarButton>
<AppBarButton
Command="{x:Bind ViewModel.MailOperationCommand}"
IsEnabled="{x:Bind ViewModel.HasSelectedItems, Mode=OneWay}"
Label="{x:Bind domain:Translator.MailOperation_ClearFlag}"
ToolTipService.ToolTip="{x:Bind domain:Translator.MailOperation_ClearFlag}">
<AppBarButton.CommandParameter>
<enums:MailOperation>ClearFlag</enums:MailOperation>
</AppBarButton.CommandParameter>
<AppBarButton.Icon>
<controls:WinoFontIcon FontSize="18" Icon="ClearFlag" />
</AppBarButton.Icon>
</AppBarButton>
<AppBarButton
Command="{x:Bind ViewModel.MailOperationCommand}"
IsEnabled="{x:Bind ViewModel.HasSelectedItems, Mode=OneWay}"
Label="{x:Bind domain:Translator.MailOperation_MarkAsRead}"
ToolTipService.ToolTip="{x:Bind domain:Translator.MailOperation_MarkAsRead}">
<AppBarButton.CommandParameter>
<enums:MailOperation>MarkAsRead</enums:MailOperation>
</AppBarButton.CommandParameter>
<AppBarButton.Icon>
<controls:WinoFontIcon FontSize="18" Icon="MarkRead" />
</AppBarButton.Icon>
</AppBarButton>
<AppBarButton
Command="{x:Bind ViewModel.MailOperationCommand}"
IsEnabled="{x:Bind ViewModel.HasSelectedItems, Mode=OneWay}"
Label="{x:Bind domain:Translator.MailOperation_MarkAsUnread}"
ToolTipService.ToolTip="{x:Bind domain:Translator.MailOperation_MarkAsUnread}">
<AppBarButton.CommandParameter>
<enums:MailOperation>MarkAsUnread</enums:MailOperation>
</AppBarButton.CommandParameter>
<AppBarButton.Icon>
<controls:WinoFontIcon FontSize="18" Icon="MarkUnread" />
</AppBarButton.Icon>
</AppBarButton>
</CommandBar>
</Grid>
<!-- Pivot + Sync + Multi Select -->
<Grid
Grid.Row="1" Grid.Row="1"
Margin="0,0,0,5" MinWidth="0"
Visibility="{x:Bind helpers:XamlHelpers.ReverseBoolToVisibilityConverter(ViewModel.IsInSearchMode), Mode=OneWay}"> Margin="8,0,0,0"
<Grid.ColumnDefinitions> VerticalAlignment="Center"
<ColumnDefinition Width="Auto" /> Canvas.ZIndex="100"
<ColumnDefinition Width="*" /> Checked="SelectAllCheckboxChecked"
<ColumnDefinition Width="Auto" /> Unchecked="SelectAllCheckboxUnchecked"
</Grid.ColumnDefinitions> Visibility="{x:Bind helpers:XamlHelpers.IsSelectionModeMultiple(MailListView.SelectionMode), Mode=OneWay}" />
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<!-- Select All Checkbox --> <!-- Folders -->
<CheckBox <toolkit:Segmented
x:Name="SelectAllCheckbox" Grid.Row="1"
Grid.Row="1" Grid.Column="1"
MinWidth="0" ItemsSource="{x:Bind ViewModel.PivotFolders, Mode=OneWay}"
Margin="8,0,0,0" SelectedItem="{x:Bind ViewModel.SelectedFolderPivot, Mode=TwoWay}"
VerticalAlignment="Center" SelectionChanged="FolderPivotChanged"
Canvas.ZIndex="100" Style="{StaticResource PivotSegmentedStyle}">
Checked="SelectAllCheckboxChecked" <toolkit:Segmented.ItemTemplate>
Unchecked="SelectAllCheckboxUnchecked" <DataTemplate x:DataType="viewModelData:FolderPivotViewModel">
Visibility="{x:Bind helpers:XamlHelpers.IsSelectionModeMultiple(MailListView.SelectionMode), Mode=OneWay}" /> <StackPanel Orientation="Horizontal" Spacing="4">
<TextBlock Text="{x:Bind FolderTitle}" />
<TextBlock
x:Name="CountTextBlock"
VerticalAlignment="Center"
FontWeight="SemiBold"
Visibility="{x:Bind ShouldDisplaySelectedItemCount, Mode=OneWay}">
<Run Text="(" /><Run Text="{x:Bind SelectedItemCount, Mode=OneWay}" /><Run Text=")" />
</TextBlock>
</StackPanel>
</DataTemplate>
</toolkit:Segmented.ItemTemplate>
</toolkit:Segmented>
<!-- Folders --> <!-- Sync + Multi Select + Filtering -->
<toolkit:Segmented <StackPanel
Grid.Row="1" Grid.Row="1"
Grid.Column="1" Grid.Column="2"
ItemsSource="{x:Bind ViewModel.PivotFolders, Mode=OneWay}" Orientation="Horizontal">
SelectedItem="{x:Bind ViewModel.SelectedFolderPivot, Mode=TwoWay}" <Button
SelectionChanged="FolderPivotChanged" Background="Transparent"
Style="{StaticResource PivotSegmentedStyle}"> BorderThickness="0"
<toolkit:Segmented.ItemTemplate> Command="{x:Bind ViewModel.SyncFolderCommand}"
<DataTemplate x:DataType="viewModelData:FolderPivotViewModel"> IsEnabled="{x:Bind ViewModel.CanSynchronize, Mode=OneWay}">
<StackPanel Orientation="Horizontal" Spacing="4"> <Button.Content>
<TextBlock Text="{x:Bind FolderTitle}" /> <FontIcon
<TextBlock FontFamily="Segoe Fluent Icons"
x:Name="CountTextBlock" FontSize="16"
VerticalAlignment="Center" Glyph="&#xE895;" />
FontWeight="SemiBold" </Button.Content>
Visibility="{x:Bind ShouldDisplaySelectedItemCount, Mode=OneWay}"> </Button>
<Run Text="(" /><Run Text="{x:Bind SelectedItemCount, Mode=OneWay}" /><Run Text=")" /> <ToggleButton
</TextBlock> x:Name="SelectionModeToggle"
</StackPanel> Background="Transparent"
</DataTemplate> BorderThickness="0"
</toolkit:Segmented.ItemTemplate> Checked="SelectionModeToggleChecked"
</toolkit:Segmented> IsChecked="{x:Bind ViewModel.IsMultiSelectionModeEnabled, Mode=TwoWay}"
Unchecked="SelectionModeToggleUnchecked">
<ToggleButton.Content>
<FontIcon
FontFamily="Segoe Fluent Icons"
FontSize="16"
Glyph="&#xE762;" />
</ToggleButton.Content>
</ToggleButton>
<muxc:DropDownButton
Background="Transparent"
BorderThickness="0"
Content="{x:Bind ViewModel.SelectedFilterOption.Title, Mode=OneWay}"
ToolTipService.ToolTip="Filter">
<muxc:DropDownButton.Flyout>
<menuflyouts:FilterMenuFlyout
x:Name="FilterMenuFlyout"
AreOpenCloseAnimationsEnabled="True"
FilterOptions="{x:Bind ViewModel.FilterOptions, Mode=OneTime}"
Placement="Bottom"
SelectedFilterChangedCommand="{x:Bind ViewModel.SelectedFilterChangedCommand}"
SelectedFilterOption="{x:Bind ViewModel.SelectedFilterOption, Mode=TwoWay}"
SelectedSortingOption="{x:Bind ViewModel.SelectedSortingOption, Mode=TwoWay}"
SelectedSortingOptionChangedCommand="{x:Bind ViewModel.SelectedSortingChangedCommand}"
SortingOptions="{x:Bind ViewModel.SortingOptions, Mode=OneTime}" />
</muxc:DropDownButton.Flyout>
</muxc:DropDownButton>
</StackPanel>
<!-- Sync + Multi Select + Filtering --> <muxc:InfoBar
<StackPanel Title="{x:Bind domain:Translator.InfoBarTitle_SynchronizationDisabledFolder}"
Grid.Row="1" Grid.Row="0"
Grid.Column="2" Grid.ColumnSpan="3"
Orientation="Horizontal"> IsClosable="True"
<Button IsOpen="{x:Bind ViewModel.IsFolderSynchronizationEnabled, Converter={StaticResource ReverseBooleanConverter}, Mode=OneWay}"
Background="Transparent" Message="{x:Bind domain:Translator.InfoBarMessage_SynchronizationDisabledFolder}"
BorderThickness="0" Severity="Informational">
Command="{x:Bind ViewModel.SyncFolderCommand}" <muxc:InfoBar.ActionButton>
IsEnabled="{x:Bind ViewModel.CanSynchronize, Mode=OneWay}"> <Button Command="{x:Bind ViewModel.EnableFolderSynchronizationCommand}" Content="Enable" />
<Button.Content> </muxc:InfoBar.ActionButton>
<FontIcon </muxc:InfoBar>
FontFamily="Segoe Fluent Icons"
FontSize="16"
Glyph="&#xE895;" />
</Button.Content>
</Button>
<ToggleButton
x:Name="SelectionModeToggle"
Background="Transparent"
BorderThickness="0"
Checked="SelectionModeToggleChecked"
IsChecked="{x:Bind ViewModel.IsMultiSelectionModeEnabled, Mode=TwoWay}"
Unchecked="SelectionModeToggleUnchecked">
<ToggleButton.Content>
<FontIcon
FontFamily="Segoe Fluent Icons"
FontSize="16"
Glyph="&#xE762;" />
</ToggleButton.Content>
</ToggleButton>
<muxc:DropDownButton
Background="Transparent"
BorderThickness="0"
Content="{x:Bind ViewModel.SelectedFilterOption.Title, Mode=OneWay}"
ToolTipService.ToolTip="Filter">
<muxc:DropDownButton.Flyout>
<menuflyouts:FilterMenuFlyout
x:Name="FilterMenuFlyout"
AreOpenCloseAnimationsEnabled="True"
FilterOptions="{x:Bind ViewModel.FilterOptions, Mode=OneTime}"
Placement="Bottom"
SelectedFilterChangedCommand="{x:Bind ViewModel.SelectedFilterChangedCommand}"
SelectedFilterOption="{x:Bind ViewModel.SelectedFilterOption, Mode=TwoWay}"
SelectedSortingOption="{x:Bind ViewModel.SelectedSortingOption, Mode=TwoWay}"
SelectedSortingOptionChangedCommand="{x:Bind ViewModel.SelectedSortingChangedCommand}"
SortingOptions="{x:Bind ViewModel.SortingOptions, Mode=OneTime}" />
</muxc:DropDownButton.Flyout>
</muxc:DropDownButton>
</StackPanel>
<muxc:InfoBar
Title="{x:Bind domain:Translator.InfoBarTitle_SynchronizationDisabledFolder}"
Grid.Row="0"
Grid.ColumnSpan="3"
IsClosable="True"
IsOpen="{x:Bind ViewModel.IsFolderSynchronizationEnabled, Converter={StaticResource ReverseBooleanConverter}, Mode=OneWay}"
Message="{x:Bind domain:Translator.InfoBarMessage_SynchronizationDisabledFolder}"
Severity="Informational">
<muxc:InfoBar.ActionButton>
<Button Command="{x:Bind ViewModel.EnableFolderSynchronizationCommand}" Content="Enable" />
</muxc:InfoBar.ActionButton>
</muxc:InfoBar>
</Grid>
</Grid> </Grid>
<!-- No items createria --> <!-- No items createria -->
@@ -614,7 +583,7 @@
<ListView.ItemTemplate> <ListView.ItemTemplate>
<DataTemplate x:DataType="ICollectionViewGroup"> <DataTemplate x:DataType="ICollectionViewGroup">
<Grid <Grid
Margin="4,0" Margin="0,0"
Background="{ThemeResource MailListHeaderBackgroundColor}" Background="{ThemeResource MailListHeaderBackgroundColor}"
CornerRadius="4"> CornerRadius="4">
<TextBlock <TextBlock
@@ -636,7 +605,6 @@
<controls:WinoInfoBar <controls:WinoInfoBar
Title="{x:Bind ViewModel.BarTitle, Mode=OneWay}" Title="{x:Bind ViewModel.BarTitle, Mode=OneWay}"
Grid.Row="2" Grid.Row="2"
Margin="6,0,6,6"
VerticalAlignment="Bottom" VerticalAlignment="Bottom"
AnimationType="SlideFromBottomToTop" AnimationType="SlideFromBottomToTop"
DismissInterval="2" DismissInterval="2"