Improve active tab indicator with modern accent rail
This commit is contained in:
100
MainWindow.xaml
100
MainWindow.xaml
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user