adds dropdown on admin menu items

app/assets/stylesheets/layout.scss

@@ -412,6 +412,32 @@ header {
       box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
     }
   }
+
+  .menu {
+
+    &.is-dropdown-submenu {
+      margin: 0;
+      margin-top: rem-calc(-24);
+      padding: 0;
+    }
+
+    .is-submenu-item {
+      display: block;
+      height: auto;
+      margin-bottom: 0;
+
+      a {
+        color: $text;
+      }
+    }
+  }
+}
+
+.dropdown.menu > li {
+
+  &.is-dropdown-submenu-parent > a::after {
+    border-color: #fff transparent transparent;
+  }
 }
 
 .top-links {

app/views/layouts/_header.html.erb

@@ -28,7 +28,7 @@
         </div>
 
         <div class="top-bar-right">
-          <ul class="menu">
+          <ul class="dropdown menu" data-dropdown-menu>
             <%= render "shared/admin_login_items" %>
             <%= render "devise/menu/login_items" %>
           </ul>

app/views/shared/_admin_login_items.html.erb

@@ -1,4 +1,7 @@
 <% if current_user %>
+<li>
+  <%= link_to t("layouts.header.administration_menu"), "#", rel: "nofollow" %>
+  <ul class="menu">
     <% if current_user.administrator? %>
       <li>
         <%= link_to t("layouts.header.administration"), admin_root_path %>
@@ -29,4 +32,6 @@
         <%= link_to t("layouts.header.officing"), officing_root_path %>
       </li>
     <% end %>
+  </ul>
+</li>
 <% end %>

config/locales/en/general.yml

@@ -191,6 +191,7 @@ en:
       transparency_title: Transparency
       transparency_url: https://transparency.consul
     header:
+      administration_menu: Administration
       administration: Administration
       available_locales: Available languages
       collaborative_legislation: Legislation processes

config/locales/es/general.yml

@@ -191,6 +191,7 @@ es:
       transparency_title: Transparencia
       transparency_url: https://transparency.consul
     header:
+      administration_menu: Administración
       administration: Administrar
       available_locales: Idiomas disponibles
       collaborative_legislation: Procesos legislativos