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

ease transition between fullscreen and inline view for small screens

Browse Source
This commit is contained in:
Mario Vavti
2016-04-03 00:04:05 +02:00
parent 72d995d35f
commit 3edd4ce78f
3 changed files with 10 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
view/theme/redbasic/js/redbasic.js
View File

@@ -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': ''});
}
}