[Projects] Making popup having rounded corners

This commit is contained in:
donlaci
2024-06-20 11:02:04 +02:00
parent 01d6c916d6
commit 852d67b569

View File

@@ -243,48 +243,59 @@
<Popup <Popup
IsOpen="{Binding IsPopupVisible, Mode=OneWay, UpdateSourceTrigger=PropertyChanged}" IsOpen="{Binding IsPopupVisible, Mode=OneWay, UpdateSourceTrigger=PropertyChanged}"
StaysOpen="False" StaysOpen="False"
AllowsTransparency="True"
PlacementTarget="{Binding ElementName=MoreButton}" PlacementTarget="{Binding ElementName=MoreButton}"
Placement="Left"> Placement="Left">
<StackPanel <Grid
Background="{DynamicResource PrimaryBackgroundBrush}" Background="{DynamicResource PrimaryBackgroundBrush}">
Orientation="Vertical"> <Grid.OpacityMask>
<Button <VisualBrush Visual="{Binding ElementName=OpacityBorder}" />
Style="{StaticResource DeleteButtonStyle}" </Grid.OpacityMask>
Margin="5" <Border
AutomationProperties.Name="{x:Static props:Resources.Edit}" HorizontalAlignment="Stretch"
Click="EditButtonClicked"> VerticalAlignment="Stretch"
<StackPanel Orientation="Horizontal"> x:Name="OpacityBorder"
<TextBlock Background="Black"
AutomationProperties.Name="{x:Static props:Resources.Edit}" CornerRadius="5" />
FontFamily="{DynamicResource SymbolThemeFontFamily}" <StackPanel
Foreground="{DynamicResource PrimaryForegroundBrush}" Background="{DynamicResource PrimaryBackgroundBrush}"
Text="&#xE70F;" /> Orientation="Vertical">
<TextBlock <Button
Margin="10,0,0,0" Style="{StaticResource DeleteButtonStyle}"
AutomationProperties.Name="{x:Static props:Resources.Edit}" AutomationProperties.Name="{x:Static props:Resources.Edit}"
Foreground="{DynamicResource PrimaryForegroundBrush}" Click="EditButtonClicked">
Text="{x:Static props:Resources.Edit}" /> <StackPanel Orientation="Horizontal">
</StackPanel> <TextBlock
</Button> AutomationProperties.Name="{x:Static props:Resources.Edit}"
<Button FontFamily="{DynamicResource SymbolThemeFontFamily}"
Style="{StaticResource DeleteButtonStyle}" Foreground="{DynamicResource PrimaryForegroundBrush}"
Margin="5" Text="&#xE70F;" />
AutomationProperties.Name="{x:Static props:Resources.Delete}" <TextBlock
Click="DeleteButtonClicked"> Margin="10,0,0,0"
<StackPanel Orientation="Horizontal"> AutomationProperties.Name="{x:Static props:Resources.Edit}"
<TextBlock Foreground="{DynamicResource PrimaryForegroundBrush}"
AutomationProperties.Name="{x:Static props:Resources.Delete}" Text="{x:Static props:Resources.Edit}" />
FontFamily="{DynamicResource SymbolThemeFontFamily}" </StackPanel>
Foreground="{DynamicResource PrimaryForegroundBrush}" </Button>
Text="&#xE74D;" /> <Button
<TextBlock Style="{StaticResource DeleteButtonStyle}"
Margin="10,0,0,0" AutomationProperties.Name="{x:Static props:Resources.Delete}"
AutomationProperties.Name="{x:Static props:Resources.Delete}" Click="DeleteButtonClicked">
Foreground="{DynamicResource PrimaryForegroundBrush}" <StackPanel Orientation="Horizontal">
Text="{x:Static props:Resources.Delete}" /> <TextBlock
</StackPanel> AutomationProperties.Name="{x:Static props:Resources.Delete}"
</Button> FontFamily="{DynamicResource SymbolThemeFontFamily}"
</StackPanel> Foreground="{DynamicResource PrimaryForegroundBrush}"
Text="&#xE74D;" />
<TextBlock
Margin="10,0,0,0"
AutomationProperties.Name="{x:Static props:Resources.Delete}"
Foreground="{DynamicResource PrimaryForegroundBrush}"
Text="{x:Static props:Resources.Delete}" />
</StackPanel>
</Button>
</StackPanel>
</Grid>
</Popup> </Popup>
</StackPanel> </StackPanel>
<Button <Button