ux: toolbar buttons in commit message edit box (#2003)

- Change button's `Width` from 24px to 28px
- Disable button while its context menu is opening

Signed-off-by: leo <longshuang@msn.cn>

Author: love-linger

src/Views/CommitMessageToolBox.axaml

@@ -37,7 +37,7 @@
         <Grid ColumnDefinitions="Auto,Auto,Auto,*" Margin="0,4">
           <Button Grid.Column="0"
                   Classes="icon_button"
-                  Width="24"
+                  Width="28"
                   Margin="0,0,4,0" Padding="0"
                   Click="OnOpenCommitMessagePicker"
                   IsVisible="{Binding #ThisControl.ShowAdvancedOptions}"
@@ -47,7 +47,7 @@
 
           <Button Grid.Column="1"
                   Classes="icon_button"
-                  Width="24"
+                  Width="28"
                   Margin="0,0,4,0" Padding="0"
                   Click="OnOpenOpenAIHelper"
                   IsVisible="{Binding #ThisControl.ShowAdvancedOptions}"
@@ -57,8 +57,8 @@
 
           <Button Grid.Column="2"
                   Classes="icon_button"
-                  Width="24"
-                  Margin="0,0,4,0" Padding="0"
+                  Width="28"
+                  Margin="0" Padding="0"
                   Click="OnOpenConventionalCommitHelper"
                   ToolTip.Tip="{DynamicResource Text.ConventionalCommit}">
             <Path Width="13" Height="13" Margin="0,1,0,0" Data="{StaticResource Icons.CommitMessageGenerator}"/>

src/Views/CommitMessageToolBox.axaml.cs

@@ -477,7 +477,9 @@ private async void OnOpenCommitMessagePicker(object sender, RoutedEventArgs e)
                     menu.Items.Add(clearHistoryItem);
                 }
 
+                button.IsEnabled = false;
                 menu.Placement = PlacementMode.TopEdgeAlignedLeft;
+                menu.Closed += (o, ev) => button.IsEnabled = true;
                 menu.Open(button);
             }
 
@@ -486,7 +488,7 @@ private async void OnOpenCommitMessagePicker(object sender, RoutedEventArgs e)
 
         private async void OnOpenOpenAIHelper(object sender, RoutedEventArgs e)
         {
-            if (DataContext is ViewModels.WorkingCopy vm && sender is Control control && ShowAdvancedOptions)
+            if (DataContext is ViewModels.WorkingCopy vm && sender is Button button && ShowAdvancedOptions)
             {
                 var repo = vm.Repository;
 
@@ -509,7 +511,7 @@ private async void OnOpenOpenAIHelper(object sender, RoutedEventArgs e)
                     return;
                 }
 
-                var menu = new ContextMenu() { Placement = PlacementMode.TopEdgeAlignedLeft };
+                var menu = new ContextMenu();
                 foreach (var service in services)
                 {
                     var dup = service;
@@ -523,7 +525,11 @@ private async void OnOpenOpenAIHelper(object sender, RoutedEventArgs e)
 
                     menu.Items.Add(item);
                 }
-                menu.Open(control);
+
+                button.IsEnabled = false;
+                menu.Placement = PlacementMode.TopEdgeAlignedLeft;
+                menu.Closed += (o, ev) => button.IsEnabled = true;
+                menu.Open(button);
             }
 
             e.Handled = true;