diff options
| author | Mario Vavti <mario@mariovavti.com> | 2016-04-03 00:04:05 +0200 |
|---|---|---|
| committer | Mario Vavti <mario@mariovavti.com> | 2016-04-03 00:04:05 +0200 |
| commit | 3edd4ce78fcf6a5384ec503249c4e1f0fb6143ff (patch) | |
| tree | 35889aeeaf78fd93c3c48963cf5ce66811f65da6 | |
| parent | 72d995d35fbf32d6997e09e3e55a5e8de8ea0d6a (diff) | |
| download | volse-hubzilla-3edd4ce78fcf6a5384ec503249c4e1f0fb6143ff.tar.gz volse-hubzilla-3edd4ce78fcf6a5384ec503249c4e1f0fb6143ff.tar.bz2 volse-hubzilla-3edd4ce78fcf6a5384ec503249c4e1f0fb6143ff.zip | |
ease transition between fullscreen and inline view for small screens
| -rw-r--r-- | view/theme/redbasic/css/style.css | 4 | ||||
| -rw-r--r-- | view/theme/redbasic/js/redbasic.js | 14 | ||||
| -rw-r--r-- | view/tpl/chat.tpl | 3 |
3 files changed, 10 insertions, 11 deletions
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index 6feb1154b..9dcfcdf3e 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -1723,9 +1723,7 @@ nav .badge.mail-update:hover { } main { - -webkit-transition: all 0.25s ease-out; - -moz-transition: all 0.25s ease-out; - transition: all 0.25s ease-out; + transition: all 0.25s ease-in-out; } main { diff --git a/view/theme/redbasic/js/redbasic.js b/view/theme/redbasic/js/redbasic.js index 21b51af36..73628ebd9 100644 --- a/view/theme/redbasic/js/redbasic.js +++ b/view/theme/redbasic/js/redbasic.js @@ -55,15 +55,17 @@ $(document).ready(function() { function makeFullScreen(full) { if(typeof full=='undefined' || full == true) { - $('#fullscreen-btn, header, nav, aside').hide(); - $('main').css({'width': '100%', 'max-width': 'none', 'left': '0px'}); - $('#inline-btn').show(); + $('main').css({'transition': 'none', 'left': '0px', 'width': '100%', 'max-width': 'none'}); $('.generic-content-wrapper').addClass('fullscreen'); + $('#fullscreen-btn, header, nav, aside').css({'display': 'none'}); + $('#inline-btn').show(); + } else { - $('#fullscreen-btn, header, nav, aside').show(); - $('main').removeAttr('style'); - $('#inline-btn').hide(); + $('main').css({'left': '', 'width': '', 'max-width': ''}); $('.generic-content-wrapper').removeClass('fullscreen'); + $('#fullscreen-btn, header, nav, aside').css({'display': ''}); + $('#inline-btn').hide(); + $('main').css({'transition': ''}); } } diff --git a/view/tpl/chat.tpl b/view/tpl/chat.tpl index 633437069..eb219f128 100644 --- a/view/tpl/chat.tpl +++ b/view/tpl/chat.tpl @@ -119,7 +119,6 @@ $(window).resize(function () { else { adjustInlineTopBarHeight(); } - $('#chatTopBar').scrollTop($('#chatTopBar').prop('scrollHeight')); }); $('#chat-form').submit(function(ev) { @@ -197,7 +196,7 @@ function addmailtext(data) { } function adjustFullscreenTopBarHeight() { - $('#chatTopBar').height($(window).height() - $('#chatBottomBar').outerHeight(true) - $('.section-title-wrapper').outerHeight(true) - 23); + $('#chatTopBar').height($(window).height() - $('#chatBottomBar').outerHeight(true) - $('.section-title-wrapper').outerHeight(true) - 16); $('#chatTopBar').scrollTop($('#chatTopBar').prop('scrollHeight')); } |