Sidebar: move from right to left

Left-sidebar layout matches the convention of Steam, Discord, Spotify,
VSCode, etc. — nav anchored to the leading edge. Also feels less
intrusive: in a Library-centric default view the eye lands on the hero
card first, sidebar fades into the chrome on the left.

Just swaps the two ColumnDefinitions, the Grid.Column attributes and
the Border's BorderThickness (left edge → right edge of the sidebar).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-05-03 08:56:07 +02:00
parent 6d251e9eac
commit 7a09f73c44

View File

@@ -317,19 +317,19 @@
</Border> </Border>
<!-- <!--
Body : grid 2 colonnes — content area swap-pable à gauche, sidebar de Body : grid 2 colonnes — sidebar de navigation fixe à GAUCHE,
navigation fixe à droite. Le content area lui-même est un Grid qui content area swap-pable à droite. Le content area lui-même est un
superpose plusieurs blocs (Library / Report / Documentation) gérés Grid qui superpose plusieurs blocs (Library / Report / Documentation)
par leur Visibility liée à CurrentPage. gérés par leur Visibility liée à CurrentPage.
--> -->
<Grid Grid.Row="1"> <Grid Grid.Row="1">
<Grid.ColumnDefinitions> <Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="200" /> <ColumnDefinition Width="200" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions> </Grid.ColumnDefinitions>
<!-- ============== Content area (col 0, swap par CurrentPage) ============== --> <!-- ============== Content area (col 1, swap par CurrentPage) ============== -->
<Grid Grid.Column="0"> <Grid Grid.Column="1">
<!-- ====================== LIBRARY PAGE ====================== --> <!-- ====================== LIBRARY PAGE ====================== -->
<Grid Visibility="{Binding IsLibrary, Converter={StaticResource BoolToVisibility}}"> <Grid Visibility="{Binding IsLibrary, Converter={StaticResource BoolToVisibility}}">
@@ -591,11 +591,11 @@
</Grid> </Grid>
<!-- ============== END Content area ============== --> <!-- ============== END Content area ============== -->
<!-- ============== Right sidebar : nav buttons ============== --> <!-- ============== Left sidebar : nav buttons ============== -->
<Border Grid.Column="1" <Border Grid.Column="0"
Background="#0A0A0E" Background="#0A0A0E"
BorderBrush="{StaticResource Brush.Border}" BorderBrush="{StaticResource Brush.Border}"
BorderThickness="1,0,0,0"> BorderThickness="0,0,1,0">
<StackPanel Orientation="Vertical" Margin="0,16,0,0"> <StackPanel Orientation="Vertical" Margin="0,16,0,0">
<!-- Style des boutons définis dans Theme.xaml (NavButton) --> <!-- Style des boutons définis dans Theme.xaml (NavButton) -->
<Button Style="{StaticResource NavButton}" <Button Style="{StaticResource NavButton}"