feat(style): add button small style
This commit is contained in:
1 parent
3b9bf9d06f
commit
875b7f0632
4 files changed
+426
-146
No files matched your search
@@ -17,28 +17,58 @@
|
||||
</Style.Triggers>
|
||||
</Style>
|
||||
|
||||
<Style x:Key="ButtonDefault.Small" BasedOn="{StaticResource ButtonDefault}" TargetType="Button">
|
||||
<Setter Property="Height" Value="20"/>
|
||||
<Setter Property="Padding" Value="6,1"/>
|
||||
</Style>
|
||||
|
||||
<Style BasedOn="{StaticResource ButtonDefault}" TargetType="Button"/>
|
||||
|
||||
<Style x:Key="ButtonPrimary" BasedOn="{StaticResource ButtonBaseStyle}" TargetType="Button">
|
||||
<Setter Property="Background" Value="{DynamicResource PrimaryBrush}"/>
|
||||
</Style>
|
||||
|
||||
<Style x:Key="ButtonPrimary.Small" BasedOn="{StaticResource ButtonPrimary}" TargetType="Button">
|
||||
<Setter Property="Height" Value="20"/>
|
||||
<Setter Property="Padding" Value="6,2"/>
|
||||
</Style>
|
||||
|
||||
<Style x:Key="ButtonSuccess" BasedOn="{StaticResource ButtonBaseStyle}" TargetType="Button">
|
||||
<Setter Property="Background" Value="{DynamicResource SuccessBrush}"/>
|
||||
</Style>
|
||||
|
||||
<Style x:Key="ButtonSuccess.Small" BasedOn="{StaticResource ButtonSuccess}" TargetType="Button">
|
||||
<Setter Property="Height" Value="20"/>
|
||||
<Setter Property="Padding" Value="6,2"/>
|
||||
</Style>
|
||||
|
||||
<Style x:Key="ButtonInfo" BasedOn="{StaticResource ButtonBaseStyle}" TargetType="Button">
|
||||
<Setter Property="Background" Value="{DynamicResource InfoBrush}"/>
|
||||
</Style>
|
||||
|
||||
<Style x:Key="ButtonInfo.Small" BasedOn="{StaticResource ButtonInfo}" TargetType="Button">
|
||||
<Setter Property="Height" Value="20"/>
|
||||
<Setter Property="Padding" Value="6,2"/>
|
||||
</Style>
|
||||
|
||||
<Style x:Key="ButtonWarning" BasedOn="{StaticResource ButtonBaseStyle}" TargetType="Button">
|
||||
<Setter Property="Background" Value="{DynamicResource WarningBrush}"/>
|
||||
</Style>
|
||||
|
||||
<Style x:Key="ButtonWarning.Small" BasedOn="{StaticResource ButtonWarning}" TargetType="Button">
|
||||
<Setter Property="Height" Value="20"/>
|
||||
<Setter Property="Padding" Value="6,2"/>
|
||||
</Style>
|
||||
|
||||
<Style x:Key="ButtonDanger" BasedOn="{StaticResource ButtonBaseStyle}" TargetType="Button">
|
||||
<Setter Property="Background" Value="{DynamicResource DangerBrush}"/>
|
||||
</Style>
|
||||
|
||||
<Style x:Key="ButtonDanger.Small" BasedOn="{StaticResource ButtonDanger}" TargetType="Button">
|
||||
<Setter Property="Height" Value="20"/>
|
||||
<Setter Property="Padding" Value="6,2"/>
|
||||
</Style>
|
||||
|
||||
<!--endregion-->
|
||||
|
||||
<!--region ButtonIcon-->
|
||||
@@ -61,11 +91,17 @@
|
||||
</Setter>
|
||||
</Style>
|
||||
|
||||
<Style x:Key="ButtonIcon.Small" BasedOn="{StaticResource ButtonIcon}" TargetType="Button">
|
||||
<Setter Property="Height" Value="20"/>
|
||||
<Setter Property="Padding" Value="6,2"/>
|
||||
</Style>
|
||||
|
||||
<Style x:Key="ButtonIconCircular" BasedOn="{StaticResource ButtonBaseStyle}" TargetType="Button">
|
||||
<Setter Property="Width" Value="{StaticResource DefaultControlHeight}"/>
|
||||
<Setter Property="Foreground" Value="{DynamicResource PrimaryTextBrush}"/>
|
||||
<Setter Property="BorderThickness" Value="1"/>
|
||||
<Setter Property="hc:BorderElement.CornerRadius" Value="0"/>
|
||||
<Setter Property="Padding" Value="6"/>
|
||||
<Setter Property="FocusVisualStyle">
|
||||
<Setter.Value>
|
||||
<Style>
|
||||
@@ -92,6 +128,12 @@
|
||||
</Setter>
|
||||
</Style>
|
||||
|
||||
<Style x:Key="ButtonIconCircular.Small" BasedOn="{StaticResource ButtonIconCircular}" TargetType="Button">
|
||||
<Setter Property="Width" Value="20"/>
|
||||
<Setter Property="Height" Value="20"/>
|
||||
<Setter Property="Padding" Value="1"/>
|
||||
</Style>
|
||||
|
||||
<!--endregion-->
|
||||
|
||||
<!--region ButtonDashed-->
|
||||
@@ -106,31 +148,61 @@
|
||||
</Style.Triggers>
|
||||
</Style>
|
||||
|
||||
<Style x:Key="ButtonDashed.Small" BasedOn="{StaticResource ButtonDashed}" TargetType="Button">
|
||||
<Setter Property="Height" Value="20"/>
|
||||
<Setter Property="Padding" Value="6,1"/>
|
||||
</Style>
|
||||
|
||||
<Style x:Key="ButtonDashedPrimary" BasedOn="{StaticResource ButtonDashedBaseStyle}" TargetType="Button">
|
||||
<Setter Property="Foreground" Value="{DynamicResource PrimaryBrush}"/>
|
||||
<Setter Property="BorderBrush" Value="{DynamicResource PrimaryBrush}"/>
|
||||
</Style>
|
||||
|
||||
<Style x:Key="ButtonDashedPrimary.Small" BasedOn="{StaticResource ButtonDashedPrimary}" TargetType="Button">
|
||||
<Setter Property="Height" Value="20"/>
|
||||
<Setter Property="Padding" Value="6,1"/>
|
||||
</Style>
|
||||
|
||||
<Style x:Key="ButtonDashedSuccess" BasedOn="{StaticResource ButtonDashedBaseStyle}" TargetType="Button">
|
||||
<Setter Property="Foreground" Value="{DynamicResource SuccessBrush}"/>
|
||||
<Setter Property="BorderBrush" Value="{DynamicResource SuccessBrush}"/>
|
||||
</Style>
|
||||
|
||||
<Style x:Key="ButtonDashedSuccess.Small" BasedOn="{StaticResource ButtonDashedSuccess}" TargetType="Button">
|
||||
<Setter Property="Height" Value="20"/>
|
||||
<Setter Property="Padding" Value="6,1"/>
|
||||
</Style>
|
||||
|
||||
<Style x:Key="ButtonDashedInfo" BasedOn="{StaticResource ButtonDashedBaseStyle}" TargetType="Button">
|
||||
<Setter Property="Foreground" Value="{DynamicResource InfoBrush}"/>
|
||||
<Setter Property="BorderBrush" Value="{DynamicResource InfoBrush}"/>
|
||||
</Style>
|
||||
|
||||
<Style x:Key="ButtonDashedInfo.Small" BasedOn="{StaticResource ButtonDashedInfo}" TargetType="Button">
|
||||
<Setter Property="Height" Value="20"/>
|
||||
<Setter Property="Padding" Value="6,1"/>
|
||||
</Style>
|
||||
|
||||
<Style x:Key="ButtonDashedWarning" BasedOn="{StaticResource ButtonDashedBaseStyle}" TargetType="Button">
|
||||
<Setter Property="Foreground" Value="{DynamicResource WarningBrush}"/>
|
||||
<Setter Property="BorderBrush" Value="{DynamicResource WarningBrush}"/>
|
||||
</Style>
|
||||
|
||||
<Style x:Key="ButtonDashedWarning.Small" BasedOn="{StaticResource ButtonDashedWarning}" TargetType="Button">
|
||||
<Setter Property="Height" Value="20"/>
|
||||
<Setter Property="Padding" Value="6,1"/>
|
||||
</Style>
|
||||
|
||||
<Style x:Key="ButtonDashedDanger" BasedOn="{StaticResource ButtonDashedBaseStyle}" TargetType="Button">
|
||||
<Setter Property="Foreground" Value="{DynamicResource DangerBrush}"/>
|
||||
<Setter Property="BorderBrush" Value="{DynamicResource DangerBrush}"/>
|
||||
</Style>
|
||||
|
||||
<Style x:Key="ButtonDashedDanger.Small" BasedOn="{StaticResource ButtonDashedDanger}" TargetType="Button">
|
||||
<Setter Property="Height" Value="20"/>
|
||||
<Setter Property="Padding" Value="6,1"/>
|
||||
</Style>
|
||||
|
||||
<!--endregion-->
|
||||
|
||||
<Style x:Key="ButtonCustom" BasedOn="{StaticResource BaseStyle}" TargetType="Button">
|
||||
|
||||
@@ -3055,22 +3055,46 @@
|
||||
</Trigger>
|
||||
</Style.Triggers>
|
||||
</Style>
|
||||
<Style x:Key="ButtonDefault.Small" BasedOn="{StaticResource ButtonDefault}" TargetType="Button">
|
||||
<Setter Property="Height" Value="20" />
|
||||
<Setter Property="Padding" Value="6,1" />
|
||||
</Style>
|
||||
<Style BasedOn="{StaticResource ButtonDefault}" TargetType="Button" />
|
||||
<Style x:Key="ButtonPrimary" BasedOn="{StaticResource ButtonBaseStyle}" TargetType="Button">
|
||||
<Setter Property="Background" Value="{DynamicResource PrimaryBrush}" />
|
||||
</Style>
|
||||
<Style x:Key="ButtonPrimary.Small" BasedOn="{StaticResource ButtonPrimary}" TargetType="Button">
|
||||
<Setter Property="Height" Value="20" />
|
||||
<Setter Property="Padding" Value="6,2" />
|
||||
</Style>
|
||||
<Style x:Key="ButtonSuccess" BasedOn="{StaticResource ButtonBaseStyle}" TargetType="Button">
|
||||
<Setter Property="Background" Value="{DynamicResource SuccessBrush}" />
|
||||
</Style>
|
||||
<Style x:Key="ButtonSuccess.Small" BasedOn="{StaticResource ButtonSuccess}" TargetType="Button">
|
||||
<Setter Property="Height" Value="20" />
|
||||
<Setter Property="Padding" Value="6,2" />
|
||||
</Style>
|
||||
<Style x:Key="ButtonInfo" BasedOn="{StaticResource ButtonBaseStyle}" TargetType="Button">
|
||||
<Setter Property="Background" Value="{DynamicResource InfoBrush}" />
|
||||
</Style>
|
||||
<Style x:Key="ButtonInfo.Small" BasedOn="{StaticResource ButtonInfo}" TargetType="Button">
|
||||
<Setter Property="Height" Value="20" />
|
||||
<Setter Property="Padding" Value="6,2" />
|
||||
</Style>
|
||||
<Style x:Key="ButtonWarning" BasedOn="{StaticResource ButtonBaseStyle}" TargetType="Button">
|
||||
<Setter Property="Background" Value="{DynamicResource WarningBrush}" />
|
||||
</Style>
|
||||
<Style x:Key="ButtonWarning.Small" BasedOn="{StaticResource ButtonWarning}" TargetType="Button">
|
||||
<Setter Property="Height" Value="20" />
|
||||
<Setter Property="Padding" Value="6,2" />
|
||||
</Style>
|
||||
<Style x:Key="ButtonDanger" BasedOn="{StaticResource ButtonBaseStyle}" TargetType="Button">
|
||||
<Setter Property="Background" Value="{DynamicResource DangerBrush}" />
|
||||
</Style>
|
||||
<Style x:Key="ButtonDanger.Small" BasedOn="{StaticResource ButtonDanger}" TargetType="Button">
|
||||
<Setter Property="Height" Value="20" />
|
||||
<Setter Property="Padding" Value="6,2" />
|
||||
</Style>
|
||||
<Style x:Key="ButtonIcon" BasedOn="{StaticResource ButtonBaseStyle}" TargetType="Button">
|
||||
<Setter Property="Background" Value="Transparent" />
|
||||
<Setter Property="BorderBrush" Value="Transparent" />
|
||||
@@ -3088,11 +3112,16 @@
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style x:Key="ButtonIcon.Small" BasedOn="{StaticResource ButtonIcon}" TargetType="Button">
|
||||
<Setter Property="Height" Value="20" />
|
||||
<Setter Property="Padding" Value="6,2" />
|
||||
</Style>
|
||||
<Style x:Key="ButtonIconCircular" BasedOn="{StaticResource ButtonBaseStyle}" TargetType="Button">
|
||||
<Setter Property="Width" Value="{StaticResource DefaultControlHeight}" />
|
||||
<Setter Property="Foreground" Value="{DynamicResource PrimaryTextBrush}" />
|
||||
<Setter Property="BorderThickness" Value="1" />
|
||||
<Setter Property="hc:BorderElement.CornerRadius" Value="0" />
|
||||
<Setter Property="Padding" Value="6" />
|
||||
<Setter Property="FocusVisualStyle">
|
||||
<Setter.Value>
|
||||
<Style>
|
||||
@@ -3118,6 +3147,11 @@
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style x:Key="ButtonIconCircular.Small" BasedOn="{StaticResource ButtonIconCircular}" TargetType="Button">
|
||||
<Setter Property="Width" Value="20" />
|
||||
<Setter Property="Height" Value="20" />
|
||||
<Setter Property="Padding" Value="1" />
|
||||
</Style>
|
||||
<Style x:Key="ButtonDashed" BasedOn="{StaticResource ButtonDashedBaseStyle}" TargetType="Button">
|
||||
<Setter Property="Foreground" Value="{DynamicResource PrimaryTextBrush}" />
|
||||
<Style.Triggers>
|
||||
@@ -3127,26 +3161,50 @@
|
||||
</Trigger>
|
||||
</Style.Triggers>
|
||||
</Style>
|
||||
<Style x:Key="ButtonDashed.Small" BasedOn="{StaticResource ButtonDashed}" TargetType="Button">
|
||||
<Setter Property="Height" Value="20" />
|
||||
<Setter Property="Padding" Value="6,1" />
|
||||
</Style>
|
||||
<Style x:Key="ButtonDashedPrimary" BasedOn="{StaticResource ButtonDashedBaseStyle}" TargetType="Button">
|
||||
<Setter Property="Foreground" Value="{DynamicResource PrimaryBrush}" />
|
||||
<Setter Property="BorderBrush" Value="{DynamicResource PrimaryBrush}" />
|
||||
</Style>
|
||||
<Style x:Key="ButtonDashedPrimary.Small" BasedOn="{StaticResource ButtonDashedPrimary}" TargetType="Button">
|
||||
<Setter Property="Height" Value="20" />
|
||||
<Setter Property="Padding" Value="6,1" />
|
||||
</Style>
|
||||
<Style x:Key="ButtonDashedSuccess" BasedOn="{StaticResource ButtonDashedBaseStyle}" TargetType="Button">
|
||||
<Setter Property="Foreground" Value="{DynamicResource SuccessBrush}" />
|
||||
<Setter Property="BorderBrush" Value="{DynamicResource SuccessBrush}" />
|
||||
</Style>
|
||||
<Style x:Key="ButtonDashedSuccess.Small" BasedOn="{StaticResource ButtonDashedSuccess}" TargetType="Button">
|
||||
<Setter Property="Height" Value="20" />
|
||||
<Setter Property="Padding" Value="6,1" />
|
||||
</Style>
|
||||
<Style x:Key="ButtonDashedInfo" BasedOn="{StaticResource ButtonDashedBaseStyle}" TargetType="Button">
|
||||
<Setter Property="Foreground" Value="{DynamicResource InfoBrush}" />
|
||||
<Setter Property="BorderBrush" Value="{DynamicResource InfoBrush}" />
|
||||
</Style>
|
||||
<Style x:Key="ButtonDashedInfo.Small" BasedOn="{StaticResource ButtonDashedInfo}" TargetType="Button">
|
||||
<Setter Property="Height" Value="20" />
|
||||
<Setter Property="Padding" Value="6,1" />
|
||||
</Style>
|
||||
<Style x:Key="ButtonDashedWarning" BasedOn="{StaticResource ButtonDashedBaseStyle}" TargetType="Button">
|
||||
<Setter Property="Foreground" Value="{DynamicResource WarningBrush}" />
|
||||
<Setter Property="BorderBrush" Value="{DynamicResource WarningBrush}" />
|
||||
</Style>
|
||||
<Style x:Key="ButtonDashedWarning.Small" BasedOn="{StaticResource ButtonDashedWarning}" TargetType="Button">
|
||||
<Setter Property="Height" Value="20" />
|
||||
<Setter Property="Padding" Value="6,1" />
|
||||
</Style>
|
||||
<Style x:Key="ButtonDashedDanger" BasedOn="{StaticResource ButtonDashedBaseStyle}" TargetType="Button">
|
||||
<Setter Property="Foreground" Value="{DynamicResource DangerBrush}" />
|
||||
<Setter Property="BorderBrush" Value="{DynamicResource DangerBrush}" />
|
||||
</Style>
|
||||
<Style x:Key="ButtonDashedDanger.Small" BasedOn="{StaticResource ButtonDashedDanger}" TargetType="Button">
|
||||
<Setter Property="Height" Value="20" />
|
||||
<Setter Property="Padding" Value="6,1" />
|
||||
</Style>
|
||||
<Style x:Key="ButtonCustom" BasedOn="{StaticResource BaseStyle}" TargetType="Button">
|
||||
<Setter Property="Background" Value="{x:Null}" />
|
||||
<Setter Property="HorizontalContentAlignment" Value="Center" />
|
||||
|
||||
Reference in new issue
Block a user