From dbbc42b2e69b81e91364274c170e14c873960395 Mon Sep 17 00:00:00 2001
From: DB p <onesound@oooz.net>
Date: Tue, 16 Apr 2024 13:28:00 +0900
Subject: [PATCH] Adjust Card Style

---
 Flow.Launcher/Resources/Controls/Card.xaml | 22 +++++++--
 Flow.Launcher/SettingWindow.xaml           | 55 +++++-----------------
 2 files changed, 30 insertions(+), 47 deletions(-)

diff --git a/Flow.Launcher/Resources/Controls/Card.xaml b/Flow.Launcher/Resources/Controls/Card.xaml
index 58298cad5..4947204cb 100644
--- a/Flow.Launcher/Resources/Controls/Card.xaml
+++ b/Flow.Launcher/Resources/Controls/Card.xaml
@@ -5,6 +5,7 @@
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:local="clr-namespace:Flow.Launcher.Resources.Controls"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:sys="clr-namespace:System;assembly=mscorlib"
     xmlns:ui="http://schemas.modernwpf.com/2019"
     d:DesignHeight="450"
     d:DesignWidth="800"
@@ -19,7 +20,7 @@
                         <Setter Property="BorderThickness" Value="1" />
                         <Setter Property="CornerRadius" Value="5" />
                         <Setter Property="Margin" Value="0,5,0,0" />
-                        <Setter Property="Padding" Value="0,15,0,15" />
+                        <Setter Property="MinHeight" Value="68" />
                         <Setter Property="SnapsToDevicePixels" Value="True" />
                     </Style>
                 </Border.Style>
@@ -32,20 +33,22 @@
                         <ColumnDefinition Width="8*" />
                         <ColumnDefinition Width="Auto" MinWidth="30" />
                     </Grid.ColumnDefinitions>
-                    <ContentPresenter
+                    <ContentControl
                         Grid.Row="0"
                         Grid.Column="2"
                         Margin="0,0,16,0"
                         HorizontalAlignment="Right"
+                        VerticalAlignment="Center"
                         Content="{TemplateBinding Content}" />
+
                     <StackPanel>
                         <StackPanel.Style>
                             <Style TargetType="{x:Type StackPanel}">
                                 <Setter Property="Grid.Column" Value="1" />
-                                <Setter Property="Margin" Value="0,0,0,0" />
                                 <Setter Property="Width" Value="Auto" />
                                 <Setter Property="VerticalAlignment" Value="Center" />
                                 <Setter Property="HorizontalAlignment" Value="Left" />
+
                             </Style>
                         </StackPanel.Style>
                         <TextBlock x:Name="ItemTitle" Text="{Binding Title, RelativeSource={RelativeSource AncestorType=local:Card}}">
@@ -54,12 +57,18 @@
                                     <Setter Property="Foreground" Value="{DynamicResource Color05B}" />
                                     <Setter Property="Margin" Value="0,0,0,0" />
                                     <Setter Property="TextWrapping" Value="Wrap" />
+                                    <Setter Property="VerticalAlignment" Value="Center" />
                                 </Style>
                             </TextBlock.Style>
                         </TextBlock>
                         <TextBlock x:Name="SubTitle" Text="{Binding Sub, RelativeSource={RelativeSource AncestorType=local:Card}}">
                             <TextBlock.Style>
                                 <Style TargetType="{x:Type TextBlock}">
+                                    <Style.Triggers>
+                                        <DataTrigger Binding="{Binding ElementName=SubTitle, Path=Text}" Value="{x:Static sys:String.Empty}">
+                                            <Setter Property="Visibility" Value="Collapsed" />
+                                        </DataTrigger>
+                                    </Style.Triggers>
                                     <Setter Property="Foreground" Value="{DynamicResource Color04B}" />
                                     <Setter Property="FontSize" Value="12" />
                                     <Setter Property="Margin" Value="0,0,0,0" />
@@ -70,9 +79,14 @@
                         </TextBlock>
                     </StackPanel>
 
-                    <TextBlock Text="{Binding Icon, RelativeSource={RelativeSource AncestorType=local:Card}}">
+                    <TextBlock x:Name="ItemIcon" Text="{Binding Icon, RelativeSource={RelativeSource AncestorType=local:Card}}">
                         <TextBlock.Style>
                             <Style TargetType="{x:Type TextBlock}">
+                                <Style.Triggers>
+                                    <DataTrigger Binding="{Binding ElementName=ItemIcon, Path=Text}" Value="{x:Static sys:String.Empty}">
+                                        <Setter Property="Margin" Value="24,0,0,0" />
+                                    </DataTrigger>
+                                </Style.Triggers>
                                 <Setter Property="Grid.Column" Value="0" />
                                 <Setter Property="Margin" Value="24,0,16,0" />
                                 <Setter Property="VerticalAlignment" Value="Center" />
diff --git a/Flow.Launcher/SettingWindow.xaml b/Flow.Launcher/SettingWindow.xaml
index be6b0788a..bac482cfd 100644
--- a/Flow.Launcher/SettingWindow.xaml
+++ b/Flow.Launcher/SettingWindow.xaml
@@ -2636,53 +2636,22 @@
                                     Text="{DynamicResource hotkeys}"
                                     TextAlignment="left" />
 
-                                <cc:Card
-                                    Title="{DynamicResource flowlauncherHotkey}"
-                                    Icon="&#xeda7;"
-                                    Sub="{DynamicResource flowlauncherHotkeyToolTip}">
-                                    <flowlauncher:HotkeyControl DataContext="{Binding ToggleHotkeyViewModel}" />
-                                </cc:Card>
                                 <StackPanel Grid.Row="1">
-                                    <Border Margin="0,8,0,0" Style="{DynamicResource SettingGroupBox}">
-                                        <ItemsControl Style="{StaticResource SettingGrid}">
-                                            <StackPanel Style="{StaticResource TextPanel}">
-                                                <TextBlock Style="{DynamicResource SettingTitleLabel}" Text="{DynamicResource flowlauncherHotkey}" />
-                                                <TextBlock Style="{DynamicResource SettingSubTitleLabel}" Text="{DynamicResource flowlauncherHotkeyToolTip}" />
-                                            </StackPanel>
-                                            <flowlauncher:HotkeyControl
-                                                Grid.Row="0"
-                                                Grid.Column="2"
-                                                Margin="0,0,16,0"
-                                                HorizontalAlignment="Right"
-                                                HorizontalContentAlignment="Right"
-                                                DataContext="{Binding ToggleHotkeyViewModel}" />
-                                            <TextBlock Style="{StaticResource Glyph}">
-                                                &#xeda7;
-                                            </TextBlock>
-                                        </ItemsControl>
-                                    </Border>
+                                    <cc:Card
+                                        Title="{DynamicResource flowlauncherHotkey}"
+                                        Icon="&#xeda7;"
+                                        Sub="{DynamicResource flowlauncherHotkeyToolTip}">
+                                        <flowlauncher:HotkeyControl DataContext="{Binding ToggleHotkeyViewModel}" />
+                                    </cc:Card>
                                 </StackPanel>
 
                                 <StackPanel Grid.Row="2">
-                                    <Border Margin="0,8,0,0" Style="{DynamicResource SettingGroupBox}">
-                                        <ItemsControl Style="{StaticResource SettingGrid}">
-                                            <StackPanel Style="{StaticResource TextPanel}">
-                                                <TextBlock Style="{DynamicResource SettingTitleLabel}" Text="{DynamicResource previewHotkey}" />
-                                                <TextBlock Style="{DynamicResource SettingSubTitleLabel}" Text="{DynamicResource previewHotkeyToolTip}" />
-                                            </StackPanel>
-                                            <flowlauncher:HotkeyControl
-                                                x:Name="PreviewHotkeyControl"
-                                                Grid.Row="0"
-                                                Grid.Column="2"
-                                                Margin="0,0,16,0"
-                                                HorizontalAlignment="Right"
-                                                HorizontalContentAlignment="Right"
-                                                DataContext="{Binding PreviewHotkeyViewModel}" />
-                                            <TextBlock Style="{StaticResource Glyph}">
-                                                &#xe8a1;
-                                            </TextBlock>
-                                        </ItemsControl>
-                                    </Border>
+                                    <cc:Card
+                                        Title="{DynamicResource previewHotkey}"
+                                        Icon="&#xe8a1;;"
+                                        Sub="{DynamicResource previewHotkeyToolTip}">
+                                        <flowlauncher:HotkeyControl DataContext="{Binding PreviewHotkeyViewModel}" />
+                                    </cc:Card>
                                 </StackPanel>
 
                                 <Border