highlight invoice icon in menubar

resources/js/components/Sidebar/SidebarNavigation.vue

@@ -20,7 +20,7 @@
                 </div>
             </router-link>
 
-            <router-link :to="{name: 'InvoicesList'}" title="Invoices" class="icon-navigation-item shared">
+            <router-link :to="{name: 'InvoicesList'}" title="Invoices" :class="{'is-active': $isThisRoute($route, invoiceRoutes)}" class="icon-navigation-item shared">
                 <div class="button-icon">
                     <file-text-icon size="19" />
                 </div>
@@ -85,6 +85,14 @@
         },
         data() {
             return {
+				invoiceRoutes: [
+					'InvoicesList',
+					'InvoicesProfile',
+					'CreateClient',
+					'CreateInvoice',
+					'ClientDetail',
+					'ClientInvoices',
+				],
                 adminRoutes: [
                     'AppSettings',
                     'AppAppearance',

resources/sass/vuefilemanager/_forms.scss

@@ -127,7 +127,7 @@ input[type="email"] {
   outline: 0;
   width: 100%;
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);
-  //background: hsla(210, 10%, 98%, 1);
+  background: white;
 
   &.is-error {
     border-color: $danger;