aboutsummaryrefslogtreecommitdiffstats
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
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
-rw-r--r--view/theme/redbasic/css/style.css4
-rw-r--r--view/theme/redbasic/js/redbasic.js14
-rw-r--r--view/tpl/chat.tpl3
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'));
}