tweak navbar
This commit is contained in:
parent
86bb7acd17
commit
a9deba4745
3 changed files with 22 additions and 4 deletions
|
@ -23,6 +23,20 @@ html, .footer {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#navbar {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
|
||||||
|
.logo-wrapper {
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.actual-nav-bar {
|
||||||
|
padding-bottom: 0;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
header.section {
|
header.section {
|
||||||
padding-bottom: 10px;
|
padding-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
@ -124,6 +138,10 @@ footer.footer {
|
||||||
max-height: 250px;
|
max-height: 250px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.is-narrow {
|
||||||
|
flex: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#tipue_search_input {
|
#tipue_search_input {
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="columns" >
|
<div class="columns is-flex-mobile" >
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<% posts_in_year(item[:academic_year]).each do |post| %>
|
<% posts_in_year(item[:academic_year]).each do |post| %>
|
||||||
<a href="<%= relative_path_to(post) %>" >
|
<a href="<%= relative_path_to(post) %>" >
|
||||||
|
@ -15,7 +15,7 @@
|
||||||
</a>
|
</a>
|
||||||
<% end %>
|
<% end %>
|
||||||
</div>
|
</div>
|
||||||
<aside class="menu">
|
<aside class="column is-narrow menu">
|
||||||
<p class="menu-label">
|
<p class="menu-label">
|
||||||
Academic Year
|
Academic Year
|
||||||
</p>
|
</p>
|
||||||
|
|
|
@ -1,11 +1,11 @@
|
||||||
<div id="navbar">
|
<div id="navbar">
|
||||||
<div class="columns">
|
<div class="columns">
|
||||||
<div class="column is-narrow is-hidden-mobile">
|
<div class="logo-wrapper column is-narrow is-hidden-mobile">
|
||||||
<a id="logo-link" href="/">
|
<a id="logo-link" href="/">
|
||||||
<img id="logo" src="<%= zeus_logo_url color: @zeus_logo_color %>" alt="" />
|
<img id="logo" src="<%= zeus_logo_url color: @zeus_logo_color %>" alt="" />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="column">
|
<div class="actual-nav-bar column">
|
||||||
<nav class="nav">
|
<nav class="nav">
|
||||||
<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="" />
|
||||||
|
|
Loading…
Reference in a new issue