From e79fee76dfdc5502f5313d26c99d8a52c9ad7855 Mon Sep 17 00:00:00 2001
From: DB p <onesound@oooz.net>
Date: Sat, 13 Apr 2024 17:30:53 +0900
Subject: [PATCH] Adjust Style

---
 Flow.Launcher/HotkeyControl.xaml | 225 ++++++++++++++++++-------------
 1 file changed, 134 insertions(+), 91 deletions(-)

diff --git a/Flow.Launcher/HotkeyControl.xaml b/Flow.Launcher/HotkeyControl.xaml
index 467ab5a6d..cf0fff2ee 100644
--- a/Flow.Launcher/HotkeyControl.xaml
+++ b/Flow.Launcher/HotkeyControl.xaml
@@ -8,7 +8,6 @@
     xmlns:ui="http://schemas.modernwpf.com/2019"
     xmlns:vm="clr-namespace:Flow.Launcher.ViewModel"
     d:DataContext="{d:DesignInstance vm:HotkeyControlViewModel}"
-    d:DesignWidth="300"
     mc:Ignorable="d">
     <Grid>
         <Popup
@@ -40,59 +39,72 @@
                     Visibility="Visible" />
             </Border>
         </Popup>
+        <Grid>
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition />
+                <ColumnDefinition />
+            </Grid.ColumnDefinitions>
+            <Border
+                x:Name="MenuBorder"
+                Grid.Column="0"
+                Margin="0,0,5,0"
+                Padding="5,0,5,0"
+                Background="{DynamicResource Color12B}"
+                BorderBrush="{DynamicResource ButtonInsideBorder}"
+                BorderThickness="1"
+                CornerRadius="5">
+                <Border.Style>
+                    <Style TargetType="{x:Type Border}">
+                        <Setter Property="Visibility" Value="Collapsed" />
+                        <Style.Triggers>
+                            <DataTrigger Binding="{Binding ElementName=HotkeyBtn, Path=IsChecked}" Value="True">
+                                <Setter Property="Visibility" Value="Visible" />
+                            </DataTrigger>
+                            <DataTrigger Binding="{Binding ElementName=HotkeyBtn, Path=IsChecked}" Value="False">
+                                <Setter Property="Visibility" Value="Collapsed" />
+                            </DataTrigger>
+                        </Style.Triggers>
+                    </Style>
+                </Border.Style>
+                <StackPanel Orientation="Horizontal">
+                    <Button Margin="2" Command="{Binding ResetToDefaultCommand}">
+                        <Button.Content>
+                            <ui:FontIcon FontSize="13" Glyph="&#xe72c;" />
+                        </Button.Content>
+                    </Button>
+                    <Button Margin="2" Command="{Binding DeleteCommand}">
+                        <Button.Content>
+                            <ui:FontIcon FontSize="13" Glyph="&#xe74d;" />
+                        </Button.Content>
+                    </Button>
+                    <Button
+                        Margin="2"
+                        CacheMode="{Binding StopRecordingCommand}"
+                        Foreground="red">
+                        <Button.Content>
+                            <ui:FontIcon FontSize="13" Glyph="&#xe7c8;" />
+                        </Button.Content>
+                    </Button>
+                </StackPanel>
+            </Border>
 
-        <RadioButton
-            x:Name="HotkeyBtn"
-            Command="{Binding StartRecordingCommand}"
-            FontSize="13"
-            FontWeight="Bold"
-            Foreground="{DynamicResource Color01B}"
-            GroupName="HotkeyReg"
-            IsChecked="{Binding Recording}"
-            KeyboardNavigation.TabNavigation="Continue"
-            PreviewKeyDown="OnPreviewKeyDown"
-            Style="{StaticResource {x:Type ToggleButton}}">
-            <RadioButton.Template>
-                <ControlTemplate TargetType="RadioButton">
-                    <Grid>
-                        <Grid.ColumnDefinitions>
-                            <ColumnDefinition />
-                            <ColumnDefinition />
-                        </Grid.ColumnDefinitions>
-                        <Border
-                            x:Name="MenuBorder"
-                            Grid.Column="0"
-                            Margin="0,0,5,0"
-                            Padding="5,0,5,0"
-                            Background="{DynamicResource Color12B}"
-                            BorderBrush="{DynamicResource ButtonInsideBorder}"
-                            BorderThickness="1"
-                            CornerRadius="5">
-                            <StackPanel Orientation="Horizontal">
-                                <Button Margin="2" Command="{Binding ResetToDefaultCommand}">
-                                    <Button.Content>
-                                        <ui:FontIcon FontSize="13" Glyph="&#xe72c;" />
-                                    </Button.Content>
-                                </Button>
-                                <Button Margin="2" Command="{Binding DeleteCommand}">
-                                    <Button.Content>
-                                        <ui:FontIcon FontSize="13" Glyph="&#xe74d;" />
-                                    </Button.Content>
-                                </Button>
-                                <Button
-                                    Margin="2"
-                                    CacheMode="{Binding StopRecordingCommand}"
-                                    Foreground="red">
-                                    <Button.Content>
-                                        <ui:FontIcon FontSize="13" Glyph="&#xe7c8;" />
-                                    </Button.Content>
-                                </Button>
-                            </StackPanel>
-                        </Border>
-
+            <RadioButton
+                x:Name="HotkeyBtn"
+                Grid.Column="1"
+                Width="Auto"
+                Command="{Binding StartRecordingCommand}"
+                FontSize="13"
+                FontWeight="Bold"
+                Foreground="{DynamicResource Color01B}"
+                GroupName="HotkeyReg"
+                IsChecked="{Binding Recording}"
+                KeyboardNavigation.TabNavigation="Continue"
+                PreviewKeyDown="OnPreviewKeyDown"
+                Style="{StaticResource {x:Type ToggleButton}}">
+                <RadioButton.Template>
+                    <ControlTemplate TargetType="RadioButton">
                         <Border
                             x:Name="ButtonBorder"
-                            Grid.Column="1"
                             Padding="5,0,5,0"
                             Background="{DynamicResource Color12B}"
                             BorderBrush="{DynamicResource ButtonInsideBorder}"
@@ -100,45 +112,76 @@
                             CornerRadius="5">
                             <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
                         </Border>
-                    </Grid>
-                    <ControlTemplate.Triggers>
-                        <Trigger Property="IsMouseOver" Value="True">
-                            <Setter TargetName="ButtonBorder" Property="Background" Value="{DynamicResource CustomContextHover}" />
-                        </Trigger>
-                        <Trigger Property="IsPressed" Value="True">
-                            <Setter TargetName="ButtonBorder" Property="Background" Value="{DynamicResource ButtonMousePressed}" />
-                            <Setter TargetName="ButtonBorder" Property="BorderBrush" Value="{DynamicResource ButtonMousePressedInsideBorder}" />
-                        </Trigger>
-                        <Trigger Property="IsChecked" Value="True">
-                            <Setter TargetName="MenuBorder" Property="Visibility" Value="Visible" />
-                        </Trigger>
-                        <Trigger Property="IsChecked" Value="False">
-                            <Setter TargetName="MenuBorder" Property="Visibility" Value="Collapsed" />
-                        </Trigger>
-                    </ControlTemplate.Triggers>
-                </ControlTemplate>
-            </RadioButton.Template>
-            <ToggleButton.Content>
-                <ItemsControl ItemsSource="{Binding Path=KeysToDisplay}">
-                    <ItemsControl.ItemsPanel>
-                        <ItemsPanelTemplate>
-                            <StackPanel Orientation="Horizontal" />
-                        </ItemsPanelTemplate>
-                    </ItemsControl.ItemsPanel>
-                    <ItemsControl.ItemTemplate>
-                        <DataTemplate>
-                            <Border
-                                Margin="2,5,2,5"
-                                Padding="10,5,10,5"
-                                Background="{DynamicResource SystemAccentColorLight2Brush}"
-                                BorderThickness="1"
-                                CornerRadius="5">
-                                <TextBlock Text="{Binding}" />
-                            </Border>
-                        </DataTemplate>
-                    </ItemsControl.ItemTemplate>
-                </ItemsControl>
-            </ToggleButton.Content>
-        </RadioButton>
+                        <ControlTemplate.Triggers>
+                            <MultiTrigger>
+                                <MultiTrigger.Conditions>
+                                    <Condition Property="IsMouseOver" Value="True" />
+                                    <Condition Property="IsChecked" Value="True" />
+                                    <Condition Property="IsPressed" Value="True" />
+                                </MultiTrigger.Conditions>
+                                <Setter TargetName="ButtonBorder" Property="Background" Value="{DynamicResource ButtonMousePressed}" />
+                                <Setter TargetName="ButtonBorder" Property="BorderBrush" Value="{DynamicResource ButtonMousePressedInsideBorder}" />
+                            </MultiTrigger>
+                            <MultiTrigger>
+                                <MultiTrigger.Conditions>
+                                    <Condition Property="IsMouseOver" Value="True" />
+                                    <Condition Property="IsChecked" Value="False" />
+                                </MultiTrigger.Conditions>
+                                <Setter TargetName="ButtonBorder" Property="Background" Value="{DynamicResource CustomContextHover}" />
+                            </MultiTrigger>
+                            <MultiTrigger>
+                                <MultiTrigger.Conditions>
+                                    <Condition Property="IsChecked" Value="True" />
+                                </MultiTrigger.Conditions>
+                                <Setter TargetName="ButtonBorder" Property="Background" Value="{DynamicResource ButtonMousePressed}" />
+                                <Setter TargetName="ButtonBorder" Property="BorderBrush" Value="{DynamicResource CustomContextHover}" />
+                            </MultiTrigger>
+                            <MultiTrigger>
+                                <MultiTrigger.Conditions>
+                                    <Condition Property="IsPressed" Value="True" />
+                                    <Condition Property="IsChecked" Value="True" />
+                                </MultiTrigger.Conditions>
+                                <Setter TargetName="ButtonBorder" Property="Background" Value="{DynamicResource ButtonMousePressed}" />
+                                <Setter TargetName="ButtonBorder" Property="BorderBrush" Value="{DynamicResource CustomContextHover}" />
+                            </MultiTrigger>
+                        </ControlTemplate.Triggers>
+                        <!--<ControlTemplate.Triggers>
+                            <Trigger Property="IsMouseOver" Value="True">
+                                <Setter TargetName="ButtonBorder" Property="Background" Value="{DynamicResource CustomContextHover}" />
+                            </Trigger>
+                            <Trigger Property="IsChecked" Value="True">
+                                <Setter TargetName="ButtonBorder" Property="Background" Value="{DynamicResource ButtonMousePressed}" />
+                                <Setter TargetName="ButtonBorder" Property="BorderBrush" Value="{DynamicResource CustomContextHover}" />
+                            </Trigger>
+                            <Trigger Property="IsPressed" Value="True">
+                                <Setter TargetName="ButtonBorder" Property="Background" Value="{DynamicResource ButtonMousePressed}" />
+                                <Setter TargetName="ButtonBorder" Property="BorderBrush" Value="{DynamicResource ButtonMousePressedInsideBorder}" />
+                            </Trigger>
+                        </ControlTemplate.Triggers>-->
+                    </ControlTemplate>
+                </RadioButton.Template>
+                <ToggleButton.Content>
+                    <ItemsControl ItemsSource="{Binding Path=KeysToDisplay}">
+                        <ItemsControl.ItemsPanel>
+                            <ItemsPanelTemplate>
+                                <StackPanel Orientation="Horizontal" />
+                            </ItemsPanelTemplate>
+                        </ItemsControl.ItemsPanel>
+                        <ItemsControl.ItemTemplate>
+                            <DataTemplate>
+                                <Border
+                                    Margin="2,5,2,5"
+                                    Padding="10,5,10,5"
+                                    Background="{DynamicResource SystemAccentColorLight2Brush}"
+                                    BorderThickness="1"
+                                    CornerRadius="5">
+                                    <TextBlock Text="{Binding}" />
+                                </Border>
+                            </DataTemplate>
+                        </ItemsControl.ItemTemplate>
+                    </ItemsControl>
+                </ToggleButton.Content>
+            </RadioButton>
+        </Grid>
     </Grid>
 </UserControl>
\ No newline at end of file