Improve active tab indicator with modern accent rail

This commit is contained in:
Meik
2026-03-05 10:39:35 +01:00
parent 6e40a6833f
commit 9180d88a44
2 changed files with 67 additions and 60 deletions

View File

@@ -438,16 +438,16 @@
BorderBrush="{DynamicResource navigationRailBorderColor}"
BorderThickness="1"
CornerRadius="14" />
<Canvas Panel.ZIndex="1000"
Height="62"
Width="72"
Margin="62,0,0,0">
<Polygon Visibility="Hidden"
x:Name="poly_main1"
Panel.ZIndex="900"
Points="0,0 8,0 8,62 0,62"
Fill="{Binding Background, ElementName=BtnAnnouncements}" />
</Canvas>
<Border Visibility="Hidden"
Tag="ActiveIndicator"
Panel.ZIndex="1001"
Width="4"
Height="34"
HorizontalAlignment="Right"
VerticalAlignment="Center"
Margin="0,0,-7,0"
CornerRadius="2"
Background="{DynamicResource accentColor}" />
<ContentPresenter HorizontalAlignment="Center"
VerticalAlignment="Center" />
</Grid>
@@ -498,16 +498,16 @@
BorderBrush="{DynamicResource navigationRailBorderColor}"
BorderThickness="1"
CornerRadius="14" />
<Canvas Panel.ZIndex="1000"
Height="62"
Width="72"
Margin="62,0,0,0">
<Polygon Visibility="Hidden"
x:Name="poly_main2"
Panel.ZIndex="1000"
Points="0,0 8,0 8,62 0,62"
Fill="{Binding Background, ElementName=BtnIncident}" />
</Canvas>
<Border Visibility="Hidden"
Tag="ActiveIndicator"
Panel.ZIndex="1001"
Width="4"
Height="34"
HorizontalAlignment="Right"
VerticalAlignment="Center"
Margin="0,0,-7,0"
CornerRadius="2"
Background="{DynamicResource accentColor}" />
<ContentPresenter HorizontalAlignment="Center"
VerticalAlignment="Center" />
</Grid>
@@ -554,16 +554,16 @@
BorderBrush="{DynamicResource navigationRailBorderColor}"
BorderThickness="1"
CornerRadius="14" />
<Canvas Panel.ZIndex="1000"
Height="62"
Width="72"
Margin="62,0,0,0">
<Polygon Visibility="Hidden"
x:Name="poly_main3"
Panel.ZIndex="1000"
Points="0,0 8,0 8,62 0,62"
Fill="{Binding Background, ElementName=BtnSsp}" />
</Canvas>
<Border Visibility="Hidden"
Tag="ActiveIndicator"
Panel.ZIndex="1001"
Width="4"
Height="34"
HorizontalAlignment="Right"
VerticalAlignment="Center"
Margin="0,0,-7,0"
CornerRadius="2"
Background="{DynamicResource accentColor}" />
<ContentPresenter HorizontalAlignment="Center"
VerticalAlignment="Center" />
</Grid>
@@ -610,16 +610,16 @@
BorderBrush="{DynamicResource navigationRailBorderColor}"
BorderThickness="1"
CornerRadius="14" />
<Canvas Panel.ZIndex="1000"
Height="62"
Width="72"
Margin="62,0,0,0">
<Polygon Visibility="Hidden"
x:Name="poly_main4"
Panel.ZIndex="90"
Points="0,0 8,0 8,62 0,62"
Fill="{Binding Background, ElementName=BtnCustomLink}" />
</Canvas>
<Border Visibility="Hidden"
Tag="ActiveIndicator"
Panel.ZIndex="1001"
Width="4"
Height="34"
HorizontalAlignment="Right"
VerticalAlignment="Center"
Margin="0,0,-7,0"
CornerRadius="2"
Background="{DynamicResource accentColor}" />
<ContentPresenter HorizontalAlignment="Center"
VerticalAlignment="Center" />
</Grid>
@@ -666,16 +666,16 @@
BorderBrush="{DynamicResource navigationRailBorderColor}"
BorderThickness="1"
CornerRadius="14" />
<Canvas Panel.ZIndex="1000"
Height="62"
Width="72"
Margin="62,0,0,0">
<Polygon Visibility="Hidden"
x:Name="poly_main4"
Panel.ZIndex="90"
Points="0,0 8,0 8,62 0,62"
Fill="{Binding Background, ElementName=BtnInfo}" />
</Canvas>
<Border Visibility="Hidden"
Tag="ActiveIndicator"
Panel.ZIndex="1001"
Width="4"
Height="34"
HorizontalAlignment="Right"
VerticalAlignment="Center"
Margin="0,0,-7,0"
CornerRadius="2"
Background="{DynamicResource accentColor}" />
<ContentPresenter HorizontalAlignment="Center"
VerticalAlignment="Center" />
</Grid>