[Run] Minor UX tweaks (#4526)

* Tweaked the shadows so it's conform to Windows standards. Fixed margins so UI elements are more aligned

* Fix
This commit is contained in:
Niels Laute
2020-06-27 01:12:26 +02:00
committed by GitHub
parent 55272e5ea2
commit d9597d5ad5
4 changed files with 8 additions and 8 deletions

View File

@@ -72,7 +72,7 @@
<!--Background="{ThemeResource BackdropAcrylicBrush}"--> <!--Background="{ThemeResource BackdropAcrylicBrush}"-->
<Grid.ColumnDefinitions> <Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/> <ColumnDefinition Width="*"/>
<ColumnDefinition Width="64"/> <ColumnDefinition Width="72"/>
</Grid.ColumnDefinitions> </Grid.ColumnDefinitions>
<TextBlock <TextBlock

View File

@@ -54,13 +54,13 @@
<Border <Border
x:Name="SearchBoxBorder" x:Name="SearchBoxBorder"
Grid.Row="0" Grid.Row="0"
Margin="24,24,24,8" Margin="24,24,24,24"
BorderThickness="1" BorderThickness="1"
CornerRadius="4" CornerRadius="4"
Background="{DynamicResource SystemChromeLow}" Background="{DynamicResource SystemChromeLow}"
BorderBrush="{DynamicResource BorderBrush}"> BorderBrush="{DynamicResource BorderBrush}">
<Border.Effect> <Border.Effect>
<DropShadowEffect BlurRadius="12" Opacity="0.3" ShadowDepth="0" /> <DropShadowEffect BlurRadius="32" Opacity="0.28" ShadowDepth="1" />
</Border.Effect> </Border.Effect>
<local:LauncherControl <local:LauncherControl
x:Name="SearchBox"> x:Name="SearchBox">
@@ -75,7 +75,7 @@
<Border <Border
x:Name="ListBoxBorder" x:Name="ListBoxBorder"
Grid.Row="1" Grid.Row="1"
Margin="24,8,24,24" Margin="24,-8,24,24"
BorderThickness="1" BorderThickness="1"
CornerRadius="4" CornerRadius="4"
Visibility="{Binding Results.Visibility}" Visibility="{Binding Results.Visibility}"
@@ -85,7 +85,7 @@
<TranslateTransform /> <TranslateTransform />
</Border.RenderTransform>--> </Border.RenderTransform>-->
<Border.Effect> <Border.Effect>
<DropShadowEffect BlurRadius="12" Opacity="0.3" ShadowDepth="0" /> <DropShadowEffect BlurRadius="32" Opacity="0.28" ShadowDepth="1" />
</Border.Effect> </Border.Effect>
<local:ResultList x:Name="ListBox" <local:ResultList x:Name="ListBox"
PreviewMouseDown="ListBox_PreviewMouseDown" > PreviewMouseDown="ListBox_PreviewMouseDown" >

View File

@@ -156,7 +156,7 @@
<RowDefinition Height="*"/> <RowDefinition Height="*"/>
<RowDefinition Height="*"/> <RowDefinition Height="*"/>
</Grid.RowDefinitions> </Grid.RowDefinitions>
<Image x:Name="AppIcon" Height="36" MaxWidth="56" Grid.RowSpan="2" Margin="-8,0,0,0" HorizontalAlignment="Center" Source="{Binding Image}" /> <Image x:Name="AppIcon" Height="36" MaxWidth="56" Grid.RowSpan="2" Margin="-6,-2,0,0" HorizontalAlignment="Center" Source="{Binding Image}" />
<TextBlock x:Name="Title" Grid.Column="1" Text="{Binding Result.Title}" FontWeight="SemiBold" FontSize="20" Margin="0,0,0,-2" VerticalAlignment="Bottom"/> <TextBlock x:Name="Title" Grid.Column="1" Text="{Binding Result.Title}" FontWeight="SemiBold" FontSize="20" Margin="0,0,0,-2" VerticalAlignment="Bottom"/>
<TextBlock x:Name="Path" Grid.Column="1" Text= "{Binding Result.SubTitle}" Grid.Row="1" Foreground="{DynamicResource SecondaryTextForeground}" Margin="0,2,0,0" VerticalAlignment="Top"/> <TextBlock x:Name="Path" Grid.Column="1" Text= "{Binding Result.SubTitle}" Grid.Row="1" Foreground="{DynamicResource SecondaryTextForeground}" Margin="0,2,0,0" VerticalAlignment="Top"/>
<ListView <ListView
@@ -170,10 +170,10 @@
ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.HorizontalScrollBarVisibility="Disabled"
ItemsSource="{Binding ContextMenuItems}" ItemsSource="{Binding ContextMenuItems}"
SelectionMode="Single" SelectionMode="Single"
Margin="0,0,-8,0"
SelectedIndex="{Binding ContextMenuSelectedIndex}" SelectedIndex="{Binding ContextMenuSelectedIndex}"
Visibility="{Binding AreContextButtonsActive, Converter={StaticResource BooleanToVisibilityConverter}}" Visibility="{Binding AreContextButtonsActive, Converter={StaticResource BooleanToVisibilityConverter}}"
ItemContainerStyle="{StaticResource CommandButtonListViewItemContainerStyle}"> ItemContainerStyle="{StaticResource CommandButtonListViewItemContainerStyle}">
<!-- Right margin is now set to 24 to cater for the scrollbar. If we fix the weird width issue we can put it back to 0 (or 8 if there's no spacing by default) -->
<ItemsControl.ItemsPanel> <ItemsControl.ItemsPanel>
<ItemsPanelTemplate> <ItemsPanelTemplate>
<StackPanel Orientation="Horizontal" <StackPanel Orientation="Horizontal"

View File

@@ -12,4 +12,4 @@ namespace PowerLauncher
InitializeComponent(); InitializeComponent();
} }
} }
} }