harukin/core
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cover photo: adjustments to display the entire photo on manual scrollback (padding added for nav height)

Browse Source
This commit is contained in:
redmatrix 2016-08-23 20:10:56 -07:00
parent a5035dee74
commit 206054678b
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
view/tpl/cover_photo_widget.tpl
View File

@ -29,6 +29,7 @@
$('main').css('opacity', 1); $('main').css('opacity', 1);
$('aside').css('padding-top', aside_padding_top + 'px'); $('aside').css('padding-top', aside_padding_top + 'px');
$('section').css('padding-top', section_padding_top + 'px'); $('section').css('padding-top', section_padding_top + 'px');
$('#cover-photo').css('padding-top', $('nav').outerHeight());
$(window).scrollTop($(window).scrollTop() - $('#cover-photo').height()) $(window).scrollTop($(window).scrollTop() - $('#cover-photo').height())
$('.navbar-fixed-top').css({ 'position' : 'fixed', 'top' : 0}); $('.navbar-fixed-top').css({ 'position' : 'fixed', 'top' : 0});
$('main').css('margin-top', ''); $('main').css('margin-top', '');
@ -54,7 +55,7 @@
if(coverSlid) if(coverSlid)
return; return;
$('html, body').animate({scrollTop: Math.ceil($('#cover-photo').height()) + 'px' }); $('html, body').animate({scrollTop: Math.ceil($('#cover-photo').height()) + 'px' });
$('#cover-photo').css({ 'position' : 'relative' , 'top' : 0 }); $('#cover-photo').css({ 'position' : 'relative' , 'top' : $('nav').outerHeight() });
$('.navbar-fixed-top').css({ 'position' : 'fixed', 'top' : 0}); $('.navbar-fixed-top').css({ 'position' : 'fixed', 'top' : 0});
$('aside').css('padding-top', aside_padding_top + 'px'); $('aside').css('padding-top', aside_padding_top + 'px');
$('section').css('padding-top', section_padding_top + 'px'); $('section').css('padding-top', section_padding_top + 'px');