varun-r-mallya/wona.github.com
1
0
Fork 0
mirror of https://github.com/WatchOutNewsAgency/wona.github.com.git synced 2026-01-01 01:16:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

navbar fixes

Browse Source
This commit is contained in:
Asutosh Palai
2016-07-05 03:27:13 -04:00
parent 24f1390145
commit e3b45e18a7
3 changed files with 22 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
_includes/navbar.html
View File

@ -11,7 +11,7 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</button> </button>
<a class="navbar-left" href="/"><span class="navbar-title">Watchout!</span></a> <a class="navbar-left" href="/"><span class="navbar-brand">Watchout!</span></a>
</div> </div>
<div id="navbar" class="navbar-collapse collapse"> <div id="navbar" class="navbar-collapse collapse">

17
css/base.scss
View File

@ -102,8 +102,13 @@ body {
&.affix { &.affix {
position: fixed; position: fixed;
} background: rgba(0, 0, 0, .6);
&.darken {
background: rgba(0, 0, 0, 1);
}
}
} }
@ -122,8 +127,8 @@ body {
border: none; border: none;
padding-top: 5px; padding-top: 5px;
font-weight: bold; font-weight: bold;
font-family: Merriweather; font-family: montserrat;
font-size: 25px; font-size: 14px;
margin-bottom: 0px; margin-bottom: 0px;
border-bottom: 0px; border-bottom: 0px;
@ -131,11 +136,8 @@ body {
margin-top: 0.2em; margin-top: 0.2em;
} }
.navbar-title { .navbar-brand {
text-transform: uppercase; text-transform: uppercase;
color: #ffffff;
line-height: normal;
padding-top: 5px;
} }
.navbar-toggle { .navbar-toggle {
@ -152,7 +154,6 @@ body {
display: inline-block; display: inline-block;
float: none; float: none;
vertical-align: top; vertical-align: top;
font-size: 15px;
text-transform: uppercase; text-transform: uppercase;
} }

12
js/application.js
View File

@ -7,6 +7,18 @@ $(function() {
}) })
}); });
$(window).scroll(function() {
var scroll = $(window).scrollTop();
var fTop = $('#new-articles').position().top + $('#new-articles').height();
if (scroll >= fTop) {
$(".navbar-wrapper").addClass("darken");
} else {
$(".navbar-wrapper").removeClass("darken");
}
});
function onYouTubeIframeAPIReady() { function onYouTubeIframeAPIReady() {
$('.youtube-video').each(function() { $('.youtube-video').each(function() {
var id = $(this).data('id'); var id = $(this).data('id');