From 3edd4ce78fcf6a5384ec503249c4e1f0fb6143ff Mon Sep 17 00:00:00 2001 From: Mario Vavti Date: Sun, 3 Apr 2016 00:04:05 +0200 Subject: ease transition between fullscreen and inline view for small screens --- view/theme/redbasic/js/redbasic.js | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) (limited to 'view/theme/redbasic/js') 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': ''}); } } -- cgit v1.2.3