Bring back the logo animation on menu open/close

client/src/styles/partials/bdsettings/button.scss

@@ -24,7 +24,7 @@
         background-position: center;
         width: 100%;
         height: 100%;
-        z-index: 3000;
+        z-index: 3001;
         cursor: pointer;
         filter: grayscale(100%);
         opacity: 0.5;
@@ -44,7 +44,7 @@
         background: transparent;
         opacity: 1;
         box-shadow: none;
-        z-index: 90000;
+        z-index: 3001;
 
         .bd-settings-button-btn {
             background-image: $logoBigBw;

client/src/styles/partials/bdsettings/tooltips.scss

@@ -3,7 +3,7 @@ bd-tooltips {
     position: absolute;
     right: 0;
     top: 0;
-    z-index: 9000;
+    z-index: 9001;
 }
 
 .bd-tooltip {

client/src/ui/components/BdSettings.vue

@@ -12,9 +12,6 @@
     <div class="bd-settings" :class="{active: active}" @keyup="close">
         <SidebarView :contentVisible="this.activeIndex >= 0" :animating="this.animating" :class="{'bd-stop': !first}">
             <Sidebar slot="sidebar">
-                <div class="bd-settings-button bd-active">
-                    <div class="bd-settings-button-btn"></div>
-                </div>
                 <div class="bd-settings-x" @click="close">
                     <MiClose size="17"/>
                     <span class="bd-x-text">ESC</span>

client/src/ui/components/BdSettingsWrapper.vue

@@ -10,7 +10,7 @@
 
 <template>
     <div class="bd-settings-wrapper" :class="[{active: active}, 'platform-' + this.platform]">
-        <div class="bd-settings-button" @click="showSettings">
+        <div class="bd-settings-button" :class="{'bd-active': active}" @click="showSettings">
             <div class="bd-settings-button-btn" :class="[{'bd-loading': !loaded}]"></div>
         </div>
         <BdSettings :active="active" :close="hideSettings" />