Merge pull request #214 from ZeusWPI/mobile-menu
Fix transparent menu on smaller screens
This commit is contained in:
commit
028935b1ff
5 changed files with 7 additions and 7 deletions
|
@ -42,10 +42,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-menu {
|
|
||||||
background: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.map-wrapper {
|
.map-wrapper {
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
|
@ -19,6 +19,10 @@
|
||||||
|
|
||||||
.nav-menu {
|
.nav-menu {
|
||||||
z-index: 20;
|
z-index: 20;
|
||||||
|
|
||||||
|
.nav-transparent {
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.actual-nav-bar {
|
.actual-nav-bar {
|
||||||
|
|
|
@ -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";
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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] %>
|
||||||
|
|
Loading…
Reference in a new issue