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