archive/theorangeone.net-legacy
Archived
1
Fork 0
Code Releases Packages Activity

Full width navbar on content pages

Browse source
This commit is contained in:
Jake Howard 2016-04-05 19:43:18 +01:00
parent 182c1b375c
commit 128bea0f37
2 changed files with 25 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
static/src/less/navbar.less
View file

@ -8,21 +8,25 @@
.transition(~"ease-in-out .3s color"); .transition(~"ease-in-out .3s color");
} }
& > li { & > li {
height: @navbar-height; max-height: @navbar-height;
@media (min-width: @screen-md-min) { @media (min-width: @screen-md-min) {
margin-right: 15px; margin-right: 15px;
} }
} }
.dropdown-toggle, & > li > a { .dropdown-toggle, & > li > a {
font-size: 19px; font-size: 19px;
max-height: @navbar-height;
} }
.dropdown-menu { .dropdown-menu {
.transition(~"ease-in-out .2s all");
@media (min-width: @screen-sm) { @media (min-width: @screen-sm) {
right: auto; right: auto;
left: 50%; left: 50%;
transform: translate(-50%, 0); transform: translate(-50%, 0);
} }
.transition(~"ease-in-out .2s all"); & > li > a {
font-size: 15px;
}
&.dropup { &.dropup {
bottom: 100%; bottom: 100%;
top: initial; top: initial;
@ -78,6 +82,7 @@
@media (min-width: @screen-sm) { @media (min-width: @screen-sm) {
position: initial; position: initial;
height: @navbar-height; height: @navbar-height;
margin-top: -50px;
} }
@media (max-width: @screen-sm) { @media (max-width: @screen-sm) {
position: fixed; position: fixed;
@ -89,8 +94,8 @@
} }
#navbar-anchor { #navbar-anchor {
position: absolute; width: 100%;
height: @navbar-height; height: 50px;
} }
@media (min-width: @screen-xs-max) { @media (min-width: @screen-xs-max) {
@ -114,18 +119,18 @@
z-index: 10000; z-index: 10000;
} }
/* @group Header Navbar*/ // /* @group Header Navbar*/
@media (min-width: @screen-sm-min) { // @media (min-width: @screen-sm-min) {
.header { // .header {
#navbar-container { // #navbar-container {
margin: 0 auto; // margin: 0 auto;
&:not(.stick-top) { // &:not(.stick-top) {
position: initial; // position: initial;
} // }
&.stick-top { // &.stick-top {
width: 100%; // width: 100%;
} // }
} // }
} // }
} // }
/* @end Header Navbar*/ // /* @end Header Navbar*/

2
templates/content_base.html
View file

@ -12,8 +12,8 @@
<div class="image" style="background-image: url({{ header_image }});"></div> <div class="image" style="background-image: url({{ header_image }});"></div>
{% endif %} {% endif %}
<div id="breadcrumbs"></div> <div id="breadcrumbs"></div>
<navbar></navbar>
</div> </div>
<navbar></navbar>
</div> </div>
{% block content %}{% endblock %} {% block content %}{% endblock %}
{% endblock %} {% endblock %}