diff --git a/.gitignore b/.gitignore index 5ddbb46..ba0a708 100644 --- a/.gitignore +++ b/.gitignore @@ -4,3 +4,4 @@ sftp-config.json *.sublime-project *.sublime-workspace .idea +.vscode diff --git a/less/style.less b/less/style.less index 7868e3c..4f1b0e7 100644 --- a/less/style.less +++ b/less/style.less @@ -2,6 +2,7 @@ html { overflow-y: scroll; + min-height: 100%; } body { @@ -15,6 +16,12 @@ body { padding-top: 70px; padding-bottom: 50px; } + + min-height: 100%; +} + +#panel.slideout-panel { + min-height: 100vh; } button, a { diff --git a/lib/persona.js b/lib/persona.js index 0ad23fd..41f2647 100644 --- a/lib/persona.js +++ b/lib/persona.js @@ -152,8 +152,6 @@ $(document).ready(function() { 'top': $(window).scrollTop() + 'px', 'position': 'absolute' }); - - loadNotificationsAndChat(); } function loadNotificationsAndChat() { @@ -177,6 +175,15 @@ $(document).ready(function() { 'position': 'fixed' }); $('.slideout-open').removeClass('slideout-open'); + $('.topic .pagination-block').css({ bottom: 0 }); + }); + + slideout.on('beforeopen', function() { + var paginator = $('.topic .pagination-block')[0]; + if (paginator) { + paginator.style.bottom = 0; // to trigger reflow + paginator.style.bottom = (paginator.getBoundingClientRect().bottom - window.innerHeight).toString() + 'px'; + } }); $('#menu [data-section="navigation"] ul').html($('#main-nav').html() + ($('#search-menu').html() || '') + ($('#logged-out-menu').html() || ''));