style(ui): lists start at the folder chevron's edge

This commit is contained in:
mika kuns
2026-09-30 08:43:10 +02:00
parent 3e2d5bab6a
commit cf4b5c507c
@@ -57,11 +57,11 @@
CommandParameter="{Binding}"/>
</ContextMenu>
</Border.ContextMenu>
<!-- Empty leading column = the folder header's chevron slot, so list and folder icons
at the same depth line up. -->
<Grid ColumnDefinitions="12,20,*,Auto">
<!-- Icon left-aligned in a chevron-width slot, so a list starts where a sibling folder's
chevron does. -->
<Grid ColumnDefinitions="14,*,Auto">
<!-- Left accent bar for active state -->
<Border Grid.Column="0" Grid.ColumnSpan="4"
<Border Grid.Column="0" Grid.ColumnSpan="3"
Background="Transparent"
CornerRadius="8" IsHitTestVisible="False"
IsVisible="{Binding IsActive}">
@@ -72,20 +72,20 @@
Margin="-2,0,0,0"/>
</Border>
<!-- Icon (list-settings → Icon tab; "Folder" when unset) -->
<PathIcon Grid.Column="1" Classes="list-icon"
<PathIcon Grid.Column="0" Classes="list-icon"
Width="14" Height="14" IsVisible="{Binding !IsDot}"
Data="{Binding IconKey, Converter={StaticResource IconKey}}"
HorizontalAlignment="Center" VerticalAlignment="Center"/>
<Ellipse Grid.Column="1" Width="8" Height="8" IsVisible="{Binding IsDot}"
HorizontalAlignment="Left" VerticalAlignment="Center"/>
<Ellipse Grid.Column="0" Width="8" Height="8" IsVisible="{Binding IsDot}"
Fill="{Binding DotColorKey, Converter={StaticResource DotBrush}}"
HorizontalAlignment="Center" VerticalAlignment="Center"/>
HorizontalAlignment="Left" VerticalAlignment="Center"/>
<!-- Name -->
<TextBlock Grid.Column="2" Classes="list-label"
<TextBlock Grid.Column="1" Classes="list-label"
Text="{Binding Name}" ToolTip.Tip="{Binding Name}"
VerticalAlignment="Center" Margin="8,0"
Foreground="{DynamicResource TextDimBrush}" FontSize="{StaticResource FontSizeBody}"/>
<!-- Count -->
<TextBlock Grid.Column="3" Classes="list-count"
<TextBlock Grid.Column="2" Classes="list-count"
Text="{Binding Count}" IsVisible="{Binding HasCount}"/>
</Grid>
</Border>