aboutsummaryrefslogtreecommitdiffstats
path: root/view/theme/redbasic
diff options
context:
space:
mode:
authorMario Vavti <mario@mariovavti.com>2016-04-03 00:04:05 +0200
committerMario Vavti <mario@mariovavti.com>2016-04-03 00:04:05 +0200
commit3edd4ce78fcf6a5384ec503249c4e1f0fb6143ff (patch)
tree35889aeeaf78fd93c3c48963cf5ce66811f65da6 /view/theme/redbasic
parent72d995d35fbf32d6997e09e3e55a5e8de8ea0d6a (diff)
downloadvolse-hubzilla-3edd4ce78fcf6a5384ec503249c4e1f0fb6143ff.tar.gz
volse-hubzilla-3edd4ce78fcf6a5384ec503249c4e1f0fb6143ff.tar.bz2
volse-hubzilla-3edd4ce78fcf6a5384ec503249c4e1f0fb6143ff.zip
ease transition between fullscreen and inline view for small screens
Diffstat (limited to 'view/theme/redbasic')
-rw-r--r--view/theme/redbasic/css/style.css4
-rw-r--r--view/theme/redbasic/js/redbasic.js14
2 files changed, 9 insertions, 9 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': ''});
}
}