Changed: Made progress bar of items in the sidebar smaller

darklinkpower · May 28, 2024 · bde5f32 · bde5f32
1 parent ca4a67f
commit bde5f32
Showing 1 changed file with 19 additions and 2 deletions.
diff --git a/source/CustomControls/SidebarItem.xaml b/source/CustomControls/SidebarItem.xaml
@@ -18,8 +18,25 @@
                 <ControlTemplate TargetType="{x:Type SidebarItem}">
                     <Grid>
                         <ProgressBar x:Name="PART_ProgressStatus"
-                                     BorderThickness="0" Background="Transparent"
-                                     HorizontalAlignment="Stretch" VerticalAlignment="Stretch" />
+                                     Margin="2,0,2,0"
+                                     BorderThickness="0" Background="{DynamicResource ControlBackgroundBrush}"
+                                     Foreground="{DynamicResource GlyphBrush}"
+                                     Height="4"
+                                     HorizontalAlignment="Stretch" VerticalAlignment="Bottom">
+                            <ProgressBar.Style>
+                                <Style TargetType="ProgressBar">
+                                    <Setter Property="Visibility" Value="Visible"/>
+                                    <Style.Triggers>
+                                        <DataTrigger Binding="{Binding Value, ElementName=PART_ProgressStatus}" Value="0">
+                                            <Setter Property="Visibility" Value="Collapsed"/>
+                                        </DataTrigger>
+                                        <DataTrigger Binding="{Binding Value, ElementName=PART_ProgressStatus}" Value="100">
+                                            <Setter Property="Visibility" Value="Collapsed"/>
+                                        </DataTrigger>
+                                    </Style.Triggers>
+                                </Style>
+                            </ProgressBar.Style>
+                        </ProgressBar>
                         <Border Background="{TemplateBinding Background}"
                                 Padding="{Binding IconPadding}"
                                 BorderThickness="{TemplateBinding BorderThickness}"