From 105515eecbb09a9a9b9da5ad1e53111323c5cc5c Mon Sep 17 00:00:00 2001
From: DB p <onesound@oooz.net>
Date: Thu, 30 May 2024 01:00:14 +0900
Subject: [PATCH] - Treat the preview panel height equal to the resultlist
 height - Modify the image width to fit in the preview area if it is a media
 file

---
 Flow.Launcher/MainWindow.xaml                 |  1 +
 .../Views/PreviewPanel.xaml                   | 24 +++++++++++++------
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/Flow.Launcher/MainWindow.xaml b/Flow.Launcher/MainWindow.xaml
index 2b10f79b3..3a1cb1825 100644
--- a/Flow.Launcher/MainWindow.xaml
+++ b/Flow.Launcher/MainWindow.xaml
@@ -514,6 +514,7 @@
                         </Grid>
                     </Border>
                     <Border
+                        MaxHeight="{Binding ElementName=ResultListBox, Path=ActualHeight}"
                         d:DataContext="{d:DesignInstance vm:ResultViewModel}"
                         DataContext="{Binding SelectedItem, ElementName=ResultListBox}"
                         Style="{DynamicResource PreviewBorderStyle}"
diff --git a/Plugins/Flow.Launcher.Plugin.Explorer/Views/PreviewPanel.xaml b/Plugins/Flow.Launcher.Plugin.Explorer/Views/PreviewPanel.xaml
index b5cfd1a5d..1fe33b5c0 100644
--- a/Plugins/Flow.Launcher.Plugin.Explorer/Views/PreviewPanel.xaml
+++ b/Plugins/Flow.Launcher.Plugin.Explorer/Views/PreviewPanel.xaml
@@ -13,23 +13,21 @@
         Margin="20 0 10 0"
         VerticalAlignment="Stretch">
         <Grid.RowDefinitions>
-            <RowDefinition Height="*" />
+            <RowDefinition />
             <RowDefinition Height="Auto" />
         </Grid.RowDefinitions>
         <StackPanel Grid.Row="0" VerticalAlignment="Center">
             <Image
                 Margin="0 16 0 0"
-                HorizontalAlignment="Stretch"
                 Source="{Binding PreviewImage, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=UserControl}}"
-                StretchDirection="DownOnly">
+                Stretch="Uniform">
                 <Image.Style>
                     <Style TargetType="Image">
                         <Setter Property="MaxWidth" Value="96" />
-                        <Setter Property="MaxHeight" Value="320" />
                         <Style.Triggers>
                             <DataTrigger Binding="{Binding UseBigThumbnail}" Value="True">
+                                <Setter Property="Width" Value="{Binding ElementName=PreviewGrid, Path=ActualWidth}" />
                                 <Setter Property="MaxWidth" Value="{Binding ElementName=PreviewGrid, Path=ActualWidth}" />
-                                <Setter Property="MaxHeight" Value="{Binding ElementName=PreviewGrid, Path=ActualHeight}" />
                             </DataTrigger>
                         </Style.Triggers>
                     </Style>
@@ -53,8 +51,20 @@
                     </Style.Triggers>
                 </Style>
             </StackPanel.Style>
-            <Separator />
-            <TextBlock Style="{DynamicResource PreviewItemSubTitleStyle}" Text="{Binding Result.SubTitle}" />
+            <Rectangle
+                Width="Auto"
+                Margin="0 0 0 0"
+                HorizontalAlignment="Stretch"
+                Style="{DynamicResource SeparatorStyle}" />
+            <TextBlock
+                Margin="0 8 0 8"
+                Style="{DynamicResource PreviewItemSubTitleStyle}"
+                Text="{Binding Result.SubTitle}" />
+            <Rectangle
+                Width="Auto"
+                Margin="0 0 0 0"
+                HorizontalAlignment="Stretch"
+                Style="{DynamicResource SeparatorStyle}" />
             <StackPanel Visibility="{Binding FileInfoVisibility, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=UserControl}}">
                 <Grid Margin="0 10 0 0">
                     <Grid.ColumnDefinitions>