fix active style in menu dropdown

Gemfile.lock

@@ -156,6 +156,7 @@ GEM
     multi_json (1.11.2)
     multi_xml (0.5.5)
     multipart-post (2.0.0)
+    mysql2 (0.3.20)
     naught (1.1.0)
     nenv (0.2.0)
     net-ldap (0.13.0)
@@ -195,7 +196,6 @@ GEM
       omniauth-oauth (~> 1.1)
     parser (2.3.0.2)
       ast (~> 2.2)
-    pg (0.18.4)
     pluginator (1.3.0)
     power_assert (0.2.7)
     powerpack (0.1.1)
@@ -347,13 +347,13 @@ DEPENDENCIES
   libv8
   mail
   mime-types
+  mysql2 (~> 0.3.20)
   net-ldap
   omniauth
   omniauth-facebook
   omniauth-google-oauth2
   omniauth-linkedin
   omniauth-twitter
-  pg
   pre-commit
   puma
   rack-livereload

app/assets/javascripts/app/views/navigation/menu.jst.eco

@@ -16,7 +16,7 @@
         <% if item.navheader: %>
           <li class="dropdown-header"><%- @T( item.navheader ) %></li>
         <% end %>
-        <li class="<% if @active_tab[item.target] : %>active<% end %>"><a href="<%= item.target %>"><%- @T( item.name ) %><% if item['count'] isnt undefined: %><span class="badge badge--text count"><%= item['count'] %></span><% end %></a></li>
+        <li<%- ' class="is-active"' if @active_tab[item.target] %>><a href="<%= item.target %>"><%- @T( item.name ) %><% if item['count'] isnt undefined: %><span class="badge badge--text count"><%= item['count'] %></span><% end %></a></li>
       <% end %>
     </ul>
   </div>

app/assets/stylesheets/zammad.scss

@@ -5503,7 +5503,7 @@ footer {
     color: hsl(198,19%,72%);
   }
 
-  .dropdown-menu.dropdown-menu--light > li > a {
+  .dropdown-menu.dropdown-menu--light > li {
     color: hsl(202,70%,49%);
   }
 
@@ -5512,10 +5512,12 @@ footer {
     background: rgba(0,0,0,.05);
   }
 
-  .dropdown-menu.dropdown-menu--light li:hover,
-  .dropdown-menu.dropdown-menu--light li.is-active {
+  .dropdown-menu.dropdown-menu--light li:hover {
     background: none;
   }
+  .dropdown-menu.dropdown-menu--light li.is-active {
+    color: white;
+  }
 
   .dropdown ul {
     margin: 0;