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

Add visual state for moving To,CC and BCC to vertical line when the page is small enough.

Browse Source
This commit is contained in:
Burak Kaan Köse
2024-06-25 22:39:35 +02:00
parent 1516e800dd
commit 4158e196d6
1 changed files with 68 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
Wino.Mail/Views/MailRenderingPage.xaml
View File

@@ -261,54 +261,63 @@
<RowDefinition Height="Auto" /> <RowDefinition Height="Auto" />
</Grid.RowDefinitions> </Grid.RowDefinitions>
<StackPanel Orientation="Horizontal" Spacing="6"> <StackPanel
<TextBlock x:Name="ToFromInformationPanel"
VerticalAlignment="Center" Orientation="Vertical"
FontWeight="SemiBold" Spacing="6">
Text="To:" <StackPanel Orientation="Horizontal">
Visibility="{x:Bind helpers:XamlHelpers.CountToVisibilityConverter(ViewModel.ToItems.Count), Mode=OneWay}" /> <TextBlock
<ItemsControl VerticalAlignment="Center"
ItemTemplate="{StaticResource InternetAddressTemplate}" FontWeight="SemiBold"
ItemsSource="{x:Bind ViewModel.ToItems, Mode=OneWay}" Text="{x:Bind domain:Translator.ComposerTo}"
Visibility="{x:Bind helpers:XamlHelpers.CountToVisibilityConverter(ViewModel.ToItems.Count), Mode=OneWay}"> Visibility="{x:Bind helpers:XamlHelpers.CountToVisibilityConverter(ViewModel.ToItems.Count), Mode=OneWay}" />
<ItemsControl.ItemsPanel> <ItemsControl
<ItemsPanelTemplate> ItemTemplate="{StaticResource InternetAddressTemplate}"
<ItemsStackPanel Orientation="Horizontal" /> ItemsSource="{x:Bind ViewModel.ToItems, Mode=OneWay}"
</ItemsPanelTemplate> Visibility="{x:Bind helpers:XamlHelpers.CountToVisibilityConverter(ViewModel.ToItems.Count), Mode=OneWay}">
</ItemsControl.ItemsPanel> <ItemsControl.ItemsPanel>
</ItemsControl> <ItemsPanelTemplate>
<ItemsStackPanel Orientation="Horizontal" />
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
</ItemsControl>
</StackPanel>
<TextBlock <StackPanel Orientation="Horizontal">
VerticalAlignment="Center" <TextBlock
FontWeight="SemiBold" VerticalAlignment="Center"
Text="Cc:" FontWeight="SemiBold"
Visibility="{x:Bind helpers:XamlHelpers.CountToVisibilityConverter(ViewModel.CCItemsItems.Count), Mode=OneWay}" /> Text="Cc:"
<ItemsControl Visibility="{x:Bind helpers:XamlHelpers.CountToVisibilityConverter(ViewModel.CCItemsItems.Count), Mode=OneWay}" />
ItemTemplate="{StaticResource InternetAddressTemplate}" <ItemsControl
ItemsSource="{x:Bind ViewModel.CCItemsItems, Mode=OneWay}" ItemTemplate="{StaticResource InternetAddressTemplate}"
Visibility="{x:Bind helpers:XamlHelpers.CountToVisibilityConverter(ViewModel.CCItemsItems.Count), Mode=OneWay}"> ItemsSource="{x:Bind ViewModel.CCItemsItems, Mode=OneWay}"
<ItemsControl.ItemsPanel> Visibility="{x:Bind helpers:XamlHelpers.CountToVisibilityConverter(ViewModel.CCItemsItems.Count), Mode=OneWay}">
<ItemsPanelTemplate> <ItemsControl.ItemsPanel>
<ItemsStackPanel Orientation="Horizontal" /> <ItemsPanelTemplate>
</ItemsPanelTemplate> <ItemsStackPanel Orientation="Horizontal" />
</ItemsControl.ItemsPanel> </ItemsPanelTemplate>
</ItemsControl> </ItemsControl.ItemsPanel>
</ItemsControl>
</StackPanel>
<TextBlock <StackPanel Orientation="Horizontal">
VerticalAlignment="Center" <TextBlock
FontWeight="SemiBold" VerticalAlignment="Center"
Text="Bcc:" FontWeight="SemiBold"
Visibility="{x:Bind helpers:XamlHelpers.CountToVisibilityConverter(ViewModel.BCCItems.Count), Mode=OneWay}" /> Text="Bcc:"
<ItemsControl Visibility="{x:Bind helpers:XamlHelpers.CountToVisibilityConverter(ViewModel.BCCItems.Count), Mode=OneWay}" />
ItemTemplate="{StaticResource InternetAddressTemplate}" <ItemsControl
ItemsSource="{x:Bind ViewModel.BCCItems, Mode=OneWay}" ItemTemplate="{StaticResource InternetAddressTemplate}"
Visibility="{x:Bind helpers:XamlHelpers.CountToVisibilityConverter(ViewModel.BCCItems.Count), Mode=OneWay}"> ItemsSource="{x:Bind ViewModel.BCCItems, Mode=OneWay}"
<ItemsControl.ItemsPanel> Visibility="{x:Bind helpers:XamlHelpers.CountToVisibilityConverter(ViewModel.BCCItems.Count), Mode=OneWay}">
<ItemsPanelTemplate> <ItemsControl.ItemsPanel>
<ItemsStackPanel Orientation="Horizontal" /> <ItemsPanelTemplate>
</ItemsPanelTemplate> <ItemsStackPanel Orientation="Horizontal" />
</ItemsControl.ItemsPanel> </ItemsPanelTemplate>
</ItemsControl> </ItemsControl.ItemsPanel>
</ItemsControl>
</StackPanel>
</StackPanel> </StackPanel>
</Grid> </Grid>
@@ -362,7 +371,7 @@
Grid.Row="1" Grid.Row="1"
Background="{ThemeResource WinoContentZoneBackgroud}" Background="{ThemeResource WinoContentZoneBackgroud}"
BorderBrush="{StaticResource CardStrokeColorDefaultBrush}" BorderBrush="{StaticResource CardStrokeColorDefaultBrush}"
BorderThickness="1" BorderThickness="0"
CornerRadius="7"> CornerRadius="7">
<Grid Margin="1" CornerRadius="7"> <Grid Margin="1" CornerRadius="7">
<Grid Background="White" Visibility="{x:Bind IsDarkEditor, Converter={StaticResource ReverseBooleanToVisibilityConverter}, Mode=OneWay}" /> <Grid Background="White" Visibility="{x:Bind IsDarkEditor, Converter={StaticResource ReverseBooleanToVisibilityConverter}, Mode=OneWay}" />
@@ -380,6 +389,18 @@
IsActive="{x:Bind ViewModel.ShouldDisplayDownloadProgress, Mode=OneWay}" /> IsActive="{x:Bind ViewModel.ShouldDisplayDownloadProgress, Mode=OneWay}" />
</Grid> </Grid>
</Border> </Border>
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="AdaptiveStates">
<VisualState x:Name="NarrowedState">
<VisualState.Setters>
<Setter Target="ToFromInformationPanel.Orientation" Value="Horizontal" />
</VisualState.Setters>
<VisualState.StateTriggers>
<AdaptiveTrigger MinWindowWidth="1200" />
</VisualState.StateTriggers>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
</Grid> </Grid>
</abstract:MailRenderingPageAbstract> </abstract:MailRenderingPageAbstract>