Merge pull request #214 from ZeusWPI/mobile-menu

Fix transparent menu on smaller screens
This commit is contained in:
lorin 2018-02-18 18:39:46 +01:00 committed by GitHub
commit 028935b1ff
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 7 additions and 7 deletions

View file

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

View file

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

View file

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

View file

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

View file

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