diff options
author | redmatrix <git@macgirvin.com> | 2016-03-02 11:35:48 -0800 |
---|---|---|
committer | redmatrix <git@macgirvin.com> | 2016-03-02 11:35:48 -0800 |
commit | 157bbb14b51a733014e23d9e8bfc26b559ad2493 (patch) | |
tree | d2869d8891e1f4afb256d0c76568d7bd1ad57b0d /view/theme/redbasic/js/redbasic.js | |
parent | 5c22f59c4f758e474f4ff553fc5ada36a14fd474 (diff) | |
parent | aa62bad07b7505cecb4347c7c4425bbd7bbcfcc5 (diff) | |
download | volse-hubzilla-157bbb14b51a733014e23d9e8bfc26b559ad2493.tar.gz volse-hubzilla-157bbb14b51a733014e23d9e8bfc26b559ad2493.tar.bz2 volse-hubzilla-157bbb14b51a733014e23d9e8bfc26b559ad2493.zip |
Merge https://github.com/redmatrix/hubzilla into pending_merge
Diffstat (limited to 'view/theme/redbasic/js/redbasic.js')
-rw-r--r-- | view/theme/redbasic/js/redbasic.js | 27 |
1 files changed, 25 insertions, 2 deletions
diff --git a/view/theme/redbasic/js/redbasic.js b/view/theme/redbasic/js/redbasic.js index 38dc4d209..d3f9c5f70 100644 --- a/view/theme/redbasic/js/redbasic.js +++ b/view/theme/redbasic/js/redbasic.js @@ -2,6 +2,17 @@ * redbasic theme specific JavaScript */ $(document).ready(function() { + + //Simple cover-photo implementation + if($('#cover-photo').length && $(window).width() > 767) { + $('.navbar-fixed-top').css('position', 'relative'); + $('aside, section').css('padding-top', 0 + 'px'); + $('main').css('opacity', 0); + } + else { + $('#cover-photo').remove(); + } + // CSS3 calc() fallback (for unsupported browsers) $('body').append('<div id="css3-calc" style="width: 10px; width: calc(10px + 10px); display: none;"></div>'); if( $('#css3-calc').width() == 10) { @@ -38,9 +49,7 @@ $(document).ready(function() { $("input[data-role=cat-tagsinput]").tagsinput({ tagClass: 'label label-primary' }); -}); -$(document).ready(function(){ var doctitle = document.title; function checkNotify() { var notifyUpdateElem = document.getElementById('notify-update'); @@ -53,3 +62,17 @@ $(document).ready(function(){ } setInterval(function () {checkNotify();}, 10 * 1000); }); + +//Simple cover-photo implementation +$(window).scroll(function () { + if($('#cover-photo').length && $(window).width() > 767 && $(window).scrollTop() >= $('#cover-photo').height()) { + $('aside, section').css('padding-top', 71 + 'px'); + $(window).scrollTop($(window).scrollTop() - $('#cover-photo').height()) + $('.navbar-fixed-top').css('position', 'fixed'); + $('#cover-photo').remove(); + } + + if($('#cover-photo').length) { + $('main').css('opacity', ($(window).scrollTop()/$('#cover-photo').height()).toFixed(1)); + } +}); |