Merge pull request #214 from ZeusWPI/mobile-menu

Fix transparent menu on smaller screens

content/assets/stylesheets/includes/eventpage.scss

@@ -42,10 +42,6 @@
   }
 }
 
-.nav-menu {
-  background: none;
-}
-
 .map-wrapper {
   border-radius: 5px;
   overflow: hidden;

content/assets/stylesheets/includes/navbar.scss

@@ -19,6 +19,10 @@
 
   .nav-menu {
     z-index: 20;
+
+    .nav-transparent {
+      background: none;
+    }
   }
 
   .actual-nav-bar {

content/assets/stylesheets/main.scss

@@ -34,4 +34,4 @@ body.site {
 @import "includes/projects";
 @import "includes/navbar";
 @import "includes/search";
-@import "includes/about"
+@import "includes/about";

layouts/eventpost.erb

@@ -27,7 +27,7 @@
 <section class="hero is-medium is-primary is-bold">
 <% end %>
   <div class="hero-head">
-    <%= render '/partials/_navbar.*', zeus_logo_color: :white %>
+    <%= render '/partials/_navbar.*', zeus_logo_color: :white, transparent_nav: true %>
   </div>
   <div class="hero-body">
     <div class="container">

layouts/partials/_navbar.erb

@@ -13,7 +13,7 @@
           <a class="is-hidden-tablet nav-item" href="/">
             <img id="inline-logo" src="<%= zeus_logo_url color: @zeus_logo_color %>" alt="" />
           </a>
-          <div class="nav-menu nav-left">
+          <div class="nav-menu nav-left <%= 'nav-transparent' if defined? @transparent_nav %>">
             <% navigables.each do |i| %>
             <a class="nav-item is-tab <%= 'is-active' if child_of(i) %>" href="<%= i.path %>">
               <%= i[:title] %>