fix(FlyleafBar): Taskbar UI adjustment (#105)

* feat(ui): changed icon of "Audio Streams" button
* feat(ui): sidebar icon changes according to its position

Author: celestum

LLPlayer/Controls/FlyleafBar.xaml

@@ -159,7 +159,7 @@
                     </Button.Style>
                 </Button>
 
-                <Button Click="ButtonBase_OnClick" Grid.Column="3" Foreground="{DynamicResource MaterialDesignBody}" Content="{materialDesign:PackIcon Kind=VolumeMedium}" ToolTip="Audio Streams">
+                <Button Click="ButtonBase_OnClick" Grid.Column="3" Foreground="{DynamicResource MaterialDesignBody}" Content="{materialDesign:PackIcon Kind=MusicBoxOutline}" ToolTip="Audio Streams">
                     <Button.Style>
                         <Style TargetType="Button" BasedOn="{StaticResource IconButton}">
                             <Setter Property="ContextMenu">
@@ -288,7 +288,18 @@ Right Click: Open Context Menu</ToolTip>
                 <Button Grid.Column="9" Style="{StaticResource IconButton}" Content="{materialDesign:PackIcon Kind=SettingsOutline}" Command="{Binding FL.Action.CmdOpenWindowSettings}" ToolTip="Open Settings"/>
 
                 <!-- Toggle Sub Sidebar -->
-                <Button Grid.Column="10" Style="{StaticResource IconButton}" Content="{materialDesign:PackIcon Kind=DockRight}" Command="{Binding FL.Action.CmdToggleSidebar}" ToolTip="Toggle Sub Sidebar"/>
+                <Button Grid.Column="10" Command="{Binding FL.Action.CmdToggleSidebar}" ToolTip="Toggle Sub Sidebar">
+                    <Button.Style>
+                        <Style TargetType="Button" BasedOn="{StaticResource IconButton}">
+                            <Setter Property="Content" Value="{materialDesign:PackIcon Kind=DockRight}"/>
+                            <Style.Triggers>
+                                <DataTrigger Binding="{Binding FL.Config.SidebarLeft}" Value="True">
+                                    <Setter Property="Content" Value="{materialDesign:PackIcon Kind=DockLeft}"/>
+                                </DataTrigger>
+                            </Style.Triggers>
+                        </Style>
+                    </Button.Style>
+                </Button>
 
                 <!-- Toggle Fullscreen Button -->
                 <ToggleButton Grid.Column="11" Style="{StaticResource MaterialDesignActionToggleButton}" Foreground="{DynamicResource MaterialDesign.Brush.Primary}" Background="Transparent" Focusable="False" IsChecked="{Binding FL.Player.Host.IsFullScreen}" Content="{materialDesign:PackIcon Kind=Fullscreen, Size=28}" materialDesign:ToggleButtonAssist.OnContent="{materialDesign:PackIcon Kind=FullscreenExit, Size=28}" ToolTip="Toggle Fullscreen"/>

LLPlayer/Resources/PopupMenu.xaml

@@ -336,7 +336,7 @@ AncestorType={x:Type MenuItem}}}">
 
         <Separator />
 
-        <MenuItem Header="Audio" Icon="{materialDesign:PackIcon Kind=VolumeMedium}">
+        <MenuItem Header="Audio" Icon="{materialDesign:PackIcon Kind=MusicBoxOutline}">
             <MenuItem Header="Enabled" IsCheckable="True" IsChecked="{Binding FL.PlayerConfig.Audio.Enabled}"/>
             <MenuItem Header="{Binding FL.PlayerConfig.Audio.Delay, Converter={StaticResource TicksToMilliSecondsConv}}" HeaderStringFormat="Delay ({0})">
                 <MenuItem Header="Reset..." CommandParameter="0" Command="{Binding FL.Player.Commands.AudioDelaySet}"/>