Make navigation bar always visible

Author: Iridium-IO

CompactGUI/Views/Components/NavigationBar.xaml

@@ -8,13 +8,14 @@
              Height="40"
              VerticalAlignment="Bottom" HorizontalContentAlignment="Center"
              d:DataContext="{d:DesignInstance Type=local:MainViewModel}"
-             d:DesignHeight="40" d:DesignWidth="500" d:Opacity="1" Background="#304257" Opacity="0"
+             d:DesignHeight="40" d:DesignWidth="500" d:Opacity="0.5" Opacity="1"
              mc:Ignorable="d">
+    <UserControl.Background>
+        <SolidColorBrush x:Name="BGBrushNavBar" Color="#304257"/>
+    </UserControl.Background>
 
     <StackPanel ClipToBounds="True" Orientation="Horizontal">
-        <StackPanel.Effect>
-            <DropShadowEffect BlurRadius="9" Direction="90" Opacity="0.4" />
-        </StackPanel.Effect>
+       
 
         <ui:AppBarButton Width="100"
                          Margin="0,0,0,0"
@@ -49,14 +50,14 @@
         <EventTrigger RoutedEvent="MouseEnter">
             <BeginStoryboard>
                 <Storyboard>
-                    <DoubleAnimation Storyboard.TargetProperty="Opacity" To="0.8" Duration="0:0:0.1" />
+                    <DoubleAnimation Storyboard.TargetProperty="(Brush.Opacity)" Storyboard.TargetName="BGBrushNavBar" To="0.3" Duration="0:0:0.2" />
                 </Storyboard>
             </BeginStoryboard>
         </EventTrigger>
         <EventTrigger RoutedEvent="MouseLeave">
             <BeginStoryboard>
                 <Storyboard>
-                    <DoubleAnimation Storyboard.TargetProperty="Opacity" To="0" Duration="0:0:0.8" />
+                    <DoubleAnimation Storyboard.TargetProperty="(Brush.Opacity)" Storyboard.TargetName="BGBrushNavBar" To="0.8" Duration="0:0:0.2" />
                 </Storyboard>
             </BeginStoryboard>
         </EventTrigger>