update styles

Author: mou-haz

source/iNKORE.UI.WPF.Modern.Controls/Controls/Windows/CommandBar/AppBarButton.cs

@@ -447,7 +447,7 @@ private void UpdateFlyoutState(bool useTransitions = true)
 
         private void UpdatePrimaryLabelState(bool useTransitions = true)
         {
-            bool hasPrimaryLabel = /*Flyout != null &&*/ !string.IsNullOrEmpty(Label as string);
+            bool hasPrimaryLabel = !IsInOverflow && !string.IsNullOrEmpty(Label as string);
             VisualStateManager.GoToState(this, hasPrimaryLabel ? "HasPrimaryLabels" : "NoPrimaryLabels", useTransitions);
         }
 

source/iNKORE.UI.WPF.Modern.Controls/Controls/Windows/CommandBarFlyout/CommandBarFlyout.xaml

@@ -1131,12 +1131,11 @@
                                     <Grid>
                                         <Grid.ColumnDefinitions>
                                             <ColumnDefinition Width="*" />
-                                            <ColumnDefinition Width="Auto" />
+                                            <ColumnDefinition Width="Auto" MinWidth="3" />
                                         </Grid.ColumnDefinitions>
                                         <primitives:CommandBarPanel
                                             x:Name="PART_ToolBarPanel"
                                             Grid.Column="0"
-                                            Height="40"
                                             Margin="3,3,0,3"
                                             HorizontalAlignment="Left"
                                             IsItemsHost="true"
@@ -1158,9 +1157,9 @@
                                                 x:Name="EllipsisIcon"
                                                 HorizontalAlignment="Center"
                                                 VerticalAlignment="Center"
-                                                FontFamily="{DynamicResource FluentSystemIcons}"
+                                                FontFamily="{DynamicResource SymbolThemeFontFamily}"
                                                 FontSize="16"
-                                                Glyph="&#xE827;" />
+                                                Glyph="&#xE712;" />
                                         </ToggleButton>
                                     </Grid>
                                 </Border>
@@ -1339,13 +1338,12 @@
         <Setter Property="BorderBrush" Value="{DynamicResource CommandBarFlyoutBorderBrush}" />
         <Setter Property="BorderThickness" Value="{DynamicResource CommandBarFlyoutBorderThemeThickness}" />
         <Setter Property="IsTabStop" Value="False" />
-        <Setter Property="VerticalAlignment" Value="Top" />
+        <Setter Property="VerticalAlignment" Value="Stretch" />
         <Setter Property="HorizontalAlignment" Value="Left" />
         <Setter Property="HorizontalContentAlignment" Value="Left" />
-        <Setter Property="VerticalContentAlignment" Value="Top" />
+        <Setter Property="VerticalContentAlignment" Value="Stretch" />
         <Setter Property="DefaultLabelPosition" Value="Collapsed" />
         <Setter Property="MaxWidth" Value="440" />
-        <Setter Property="Height" Value="48" />
         <Setter Property="IsDynamicOverflowEnabled" Value="True" />
         <Setter Property="CommandBarOverflowPresenterStyle" Value="{StaticResource CommandBarFlyoutCommandBarOverflowPresenterStyle}" />
         <Setter Property="CornerRadius" Value="{DynamicResource OverlayCornerRadius}" />

source/iNKORE.UI.WPF.Modern/Themes/Controls/CommandBar.xaml

@@ -81,10 +81,15 @@
         <Setter Property="BorderBrush" Value="{DynamicResource CommandBarFlyoutAppBarButtonBorderBrush}" />
         <Setter Property="Padding" Value="0" />
         <Setter Property="Width" Value="44" />
-        <Setter Property="Height" Value="40" />
+        <Setter Property="MinHeight" Value="40" />
+        <Setter Property="HorizontalAlignment" Value="Stretch" />
         <Setter Property="HorizontalContentAlignment" Value="Center" />
+        <Setter Property="VerticalAlignment" Value="Stretch" />
         <Setter Property="VerticalContentAlignment" Value="Center" />
+        <Setter Property="FontWeight" Value="SemiBold" />
+        <Setter Property="FontSize" Value="{DynamicResource ControlContentThemeFontSize}" />
         <Setter Property="chelper:FocusVisualHelper.FocusVisualMargin" Value="0" />
+        <Setter Property="chelper:ControlHelper.CornerRadius" Value="{DynamicResource ControlCornerRadius}" />
         <Setter Property="Template">
             <Setter.Value>
                 <ControlTemplate TargetType="ToggleButton">