Enhance ListBox styling in ImageInfo.xaml for improved visual consistency and user experience

This commit is contained in:
2025-12-15 09:49:10 +00:00
parent 590fa4e542
commit 257abc34c3

View File

@@ -144,11 +144,28 @@
IsVisible="{Binding !!MediaTagsList.Count, Mode=OneWay}"
MaxHeight="300"
BorderThickness="1"
BorderBrush="Gray">
BorderBrush="LightGray"
CornerRadius="4"
Padding="4">
<ListBox.Styles>
<Style Selector="ListBoxItem">
<Setter Property="Padding" Value="8,6" />
<Setter Property="Margin" Value="2" />
<Setter Property="CornerRadius" Value="3" />
</Style>
<Style Selector="ListBoxItem:pointerover /template/ ContentPresenter">
<Setter Property="Background" Value="{DynamicResource SystemAccentColorLight2}" />
<Setter Property="Foreground" Value="{DynamicResource SystemAccentColorDark3}" />
</Style>
<Style Selector="ListBoxItem:selected /template/ ContentPresenter">
<Setter Property="Background" Value="{DynamicResource SystemAccentColor}" />
<Setter Property="Foreground" Value="{DynamicResource SystemAccentColorDark3}" />
</Style>
</ListBox.Styles>
<ListBox.ItemTemplate>
<DataTemplate>
<TextBlock Text="{Binding ., Mode=OneWay}"
Padding="5" />
VerticalAlignment="Center" />
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
@@ -159,11 +176,28 @@
IsVisible="{Binding !!SectorTagsList.Count, Mode=OneWay}"
MaxHeight="300"
BorderThickness="1"
BorderBrush="Gray">
BorderBrush="LightGray"
CornerRadius="4"
Padding="4">
<ListBox.Styles>
<Style Selector="ListBoxItem">
<Setter Property="Padding" Value="8,6" />
<Setter Property="Margin" Value="2" />
<Setter Property="CornerRadius" Value="3" />
</Style>
<Style Selector="ListBoxItem:pointerover /template/ ContentPresenter">
<Setter Property="Background" Value="{DynamicResource SystemAccentColorLight2}" />
<Setter Property="Foreground" Value="{DynamicResource SystemAccentColorDark3}" />
</Style>
<Style Selector="ListBoxItem:selected /template/ ContentPresenter">
<Setter Property="Background" Value="{DynamicResource SystemAccentColor}" />
<Setter Property="Foreground" Value="{DynamicResource SystemAccentColorDark3}" />
</Style>
</ListBox.Styles>
<ListBox.ItemTemplate>
<DataTemplate>
<TextBlock Text="{Binding ., Mode=OneWay}"
Padding="5" />
VerticalAlignment="Center" />
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>