1
0
mirror of https://github.com/Artemis-RGB/Artemis synced 2025-12-13 05:48:35 +00:00
Artemis/src/Artemis.UI.Shared/Styles/ColorPickerButton.axaml
2023-04-04 22:36:39 +02:00

52 lines
2.5 KiB
XML

<Styles xmlns="https://github.com/avaloniaui"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:controls="clr-namespace:FluentAvalonia.UI.Controls;assembly=FluentAvalonia">
<Design.PreviewWith>
<Border Padding="20" Width="600" Height="600">
<Grid Height="24" ColumnDefinitions="*" Width="200">
<TextBox Classes="condensed"
Text="#FFFF0000"
Padding="2 2 30 2"
>
</TextBox>
<controls:ColorPickerButton Classes="contained-color-picker-button"
Color="Red"
ShowAcceptDismissButtons="False"
/>
</Grid>
</Border>
</Design.PreviewWith>
<!-- Add Styles Here -->
<Style Selector="controls|ColorPickerButton.contained-color-picker-button">
<Setter Property="Padding" Value="0" />
<Setter Property="Margin" Value="4 0" />
<Setter Property="Background" Value="Transparent" />
<Setter Property="MinHeight" Value="00" />
<Setter Property="MinWidth" Value="0" />
<Setter Property="VerticalAlignment" Value="Center" />
<Setter Property="HorizontalAlignment" Value="Right" />
<Setter Property="Cursor" Value="Hand" />
<Setter Property="Template">
<ControlTemplate>
<Button Name="ShowFlyoutButton"
CornerRadius="{TemplateBinding CornerRadius}"
HorizontalContentAlignment="Stretch"
Padding="0">
<Grid ColumnDefinitions="*,Auto">
<Border BorderBrush="{DynamicResource ColorPickerButtonOutline}"
BorderThickness="1"
HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
MinWidth="18" MinHeight="18"
Background="{TemplateBinding Color, Converter={StaticResource ColorBrushConv}}"
CornerRadius="{TemplateBinding CornerRadius}"/>
</Grid>
</Button>
</ControlTemplate>
</Setter>
</Style>
<Style Selector="controls|ColorPickerButton.contained-color-picker-button /template/ Viewbox">
<Setter Property="IsVisible" Value="False"></Setter>
</Style>
</Styles>