From 99a973000110f6c8f42fa888a065ecedb7418c6b Mon Sep 17 00:00:00 2001
From: rabbitism <popmessiah@hotmail.com>
Date: Sat, 11 Feb 2023 00:15:24 +0800
Subject: [PATCH] fix: fix color model tag alignment.

---
 .../Controls/ColorPicker.axaml                     |  6 +++++-
 .../Controls/ColorView.axaml                       | 14 ++++++--------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/Semi.Avalonia.ColorPicker/Controls/ColorPicker.axaml b/src/Semi.Avalonia.ColorPicker/Controls/ColorPicker.axaml
index 19af230..dd26aff 100644
--- a/src/Semi.Avalonia.ColorPicker/Controls/ColorPicker.axaml
+++ b/src/Semi.Avalonia.ColorPicker/Controls/ColorPicker.axaml
@@ -229,7 +229,11 @@
                                             Tag="{TemplateBinding ColorModel}">
                                             <Grid.Styles>
                                                 <Style Selector="NumericUpDown /template/ TextBox">
-                                                    <Setter Property="InnerLeftContent" Value="{TemplateBinding Tag}" />
+                                                    <Setter Property="InnerLeftContent">
+                                                        <Template>
+                                                            <TextBlock Width="12" Text="{Binding $parent[NumericUpDown].Tag}" />
+                                                        </Template>
+                                                    </Setter>
                                                 </Style>
                                                 <Style Selector="Grid[Tag=Rgba]">
                                                     <Style Selector="^ NumericUpDown#Component1NumericUpDown">
diff --git a/src/Semi.Avalonia.ColorPicker/Controls/ColorView.axaml b/src/Semi.Avalonia.ColorPicker/Controls/ColorView.axaml
index b6aab24..d8f1836 100644
--- a/src/Semi.Avalonia.ColorPicker/Controls/ColorView.axaml
+++ b/src/Semi.Avalonia.ColorPicker/Controls/ColorView.axaml
@@ -321,7 +321,11 @@
                                 UseLayoutRounding="False">
                                 <Grid.Styles>
                                     <Style Selector="NumericUpDown /template/ TextBox">
-                                        <Setter Property="InnerLeftContent" Value="{TemplateBinding Tag}" />
+                                        <Setter Property="InnerLeftContent">
+                                            <Template>
+                                                <TextBlock Width="12" Text="{Binding $parent[NumericUpDown].Tag}" />
+                                            </Template>
+                                        </Setter>
                                     </Style>
                                 </Grid.Styles>
                                 <!--  Top color model & Hex input  -->
@@ -387,13 +391,7 @@
                                     Minimum="{Binding Minimum, ElementName=Component1Slider}"
                                     NumberFormat="{StaticResource ColorViewComponentNumberFormat}"
                                     ShowButtonSpinner="False"
-                                    Value="{Binding Value, ElementName=Component1Slider}">
-                                    <NumericUpDown.Styles>
-                                        <Style Selector="NumericUpDown /template/ TextBox">
-                                            <Setter Property="InnerLeftContent" Value="{TemplateBinding Tag}" />
-                                        </Style>
-                                    </NumericUpDown.Styles>
-                                </NumericUpDown>
+                                    Value="{Binding Value, ElementName=Component1Slider}" />
                                 <primitives:ColorSlider
                                     x:Name="Component1Slider"
                                     Grid.Row="2"