Merge pull request #2692 from consul/admin-menu-toggle

Fixes admin menu toggle

app/assets/stylesheets/admin.scss

@@ -61,6 +61,41 @@ $sidebar-active: #f4fcd0;
     [class^="icon-"]:not(.icon-circle) {
       font-size: $base-font-size;
     }
+
+    @include breakpoint(small only) {
+
+      .top-bar-left ul {
+        display: inline-block;
+      }
+
+      .top-bar-right {
+
+        .submenu {
+          border: 0;
+          display: block;
+          margin-top: 0;
+          position: initial;
+          width: 100%;
+        }
+
+        .is-active {
+          font-weight: normal;
+          text-decoration: none;
+        }
+
+        .is-submenu-item {
+          padding: $line-height / 2 0;
+        }
+
+        a {
+          font-weight: normal !important;
+        }
+      }
+
+      [class^="icon-"] {
+        display: none;
+      }
+    }
   }
 
   .menu .menu-text {

app/views/admin/shared/_admin_shortcuts.html.erb

@@ -2,11 +2,17 @@
   <li>
     <%= link_to admin_stats_path, title: t("admin.menu.stats") do %>
       <span class="icon-stats"></span>
+      <span class="show-for-small-only">
+        <%= t("admin.menu.stats") %>
+      </span>
     <% end %>
   </li>
   <li>
     <%= link_to admin_settings_path, title: t("admin.menu.settings") do %>
       <span class="icon-settings"></span>
+      <span class="show-for-small-only">
+        <%= t("admin.menu.settings") %>
+      </span>
     <% end %>
   </li>
 <% end %>

app/views/layouts/_notification_item.html.erb

@@ -9,20 +9,20 @@
       <% if current_user.notifications.unread.count > 0 %>
         <span class="icon-circle" aria-hidden="true"></span>
         <span class="icon-notification" aria-hidden="true"
-              title="<%= t('layouts.header.notification_item.new_notifications', 
+              title="<%= t("layouts.header.notification_item.new_notifications",
                          count: current_user.notifications_count).html_safe %>">
         </span>
-        <small class="show-for-small-only">
+        <span class="show-for-small-only">
-          <%= t('layouts.header.notification_item.new_notifications', 
+          <%= t("layouts.header.notification_item.new_notifications",
               count: current_user.notifications_count).html_safe %>
-        </small>
+        </span>
       <% else %>
         <span class="icon-no-notification" aria-hidden="true"
-              title="<%= t('layouts.header.notification_item.no_notifications') %>">
+              title="<%= t("layouts.header.notification_item.no_notifications") %>">
+        </span>
+        <span class="show-for-small-only">
+          <%= t("layouts.header.notification_item.no_notifications") %>
         </span>
-        <small class="show-for-small-only">
-          <%= t('layouts.header.notification_item.no_notifications') %>
-        </small>
       <% end %>
 
     <% end %>