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

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

@@ -261,11 +261,15 @@
<RowDefinition Height="Auto" /> <RowDefinition Height="Auto" />
</Grid.RowDefinitions> </Grid.RowDefinitions>
<StackPanel Orientation="Horizontal" Spacing="6"> <StackPanel
x:Name="ToFromInformationPanel"
Orientation="Vertical"
Spacing="6">
<StackPanel Orientation="Horizontal">
<TextBlock <TextBlock
VerticalAlignment="Center" VerticalAlignment="Center"
FontWeight="SemiBold" FontWeight="SemiBold"
Text="To:" 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 <ItemsControl
ItemTemplate="{StaticResource InternetAddressTemplate}" ItemTemplate="{StaticResource InternetAddressTemplate}"
@@ -277,7 +281,9 @@
</ItemsPanelTemplate> </ItemsPanelTemplate>
</ItemsControl.ItemsPanel> </ItemsControl.ItemsPanel>
</ItemsControl> </ItemsControl>
</StackPanel>
<StackPanel Orientation="Horizontal">
<TextBlock <TextBlock
VerticalAlignment="Center" VerticalAlignment="Center"
FontWeight="SemiBold" FontWeight="SemiBold"
@@ -293,7 +299,9 @@
</ItemsPanelTemplate> </ItemsPanelTemplate>
</ItemsControl.ItemsPanel> </ItemsControl.ItemsPanel>
</ItemsControl> </ItemsControl>
</StackPanel>
<StackPanel Orientation="Horizontal">
<TextBlock <TextBlock
VerticalAlignment="Center" VerticalAlignment="Center"
FontWeight="SemiBold" FontWeight="SemiBold"
@@ -310,6 +318,7 @@
</ItemsControl.ItemsPanel> </ItemsControl.ItemsPanel>
</ItemsControl> </ItemsControl>
</StackPanel> </StackPanel>
</StackPanel>
</Grid> </Grid>
<!-- Attachments --> <!-- Attachments -->
@@ -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>