diff options
| author | marijus <mario@mariovavti.com> | 2015-02-17 10:58:18 +0100 |
|---|---|---|
| committer | marijus <mario@mariovavti.com> | 2015-02-17 10:58:18 +0100 |
| commit | 0bedf3e5d28ef75a992da6d30b79d93220b8b1fb (patch) | |
| tree | f7cc9389c7e94fe4e7007cfc5de2398adbb542cd /view/theme/redbasic/js/redbasic.js | |
| parent | e0c9929325c4c4493e76f3e6dfe7c4ada63a55ea (diff) | |
| download | volse-hubzilla-0bedf3e5d28ef75a992da6d30b79d93220b8b1fb.tar.gz volse-hubzilla-0bedf3e5d28ef75a992da6d30b79d93220b8b1fb.tar.bz2 volse-hubzilla-0bedf3e5d28ef75a992da6d30b79d93220b8b1fb.zip | |
advanced css calc() failback
Diffstat (limited to 'view/theme/redbasic/js/redbasic.js')
| -rw-r--r-- | view/theme/redbasic/js/redbasic.js | 13 |
1 files changed, 11 insertions, 2 deletions
diff --git a/view/theme/redbasic/js/redbasic.js b/view/theme/redbasic/js/redbasic.js index 53ee45648..3db67dc87 100644 --- a/view/theme/redbasic/js/redbasic.js +++ b/view/theme/redbasic/js/redbasic.js @@ -1,9 +1,18 @@ $(document).ready(function() { -if($(window).width() < 767) { - $('main').css('width', $(window).width() + 231 ); +// CSS3 calc() fallback (for unsupported browsers) +$('body').append('<div id="css3-calc" style="width: 10px; width: calc(10px + 10px); display: none;"></div>'); +if( $('#css3-calc').width() == 10) { + $(window).resize(function() { + if($(window).width() < 767) { + $('main').css('width', $(window).width() + 231 ); + } else { + $('main').css('width', '100%' ); + } + }); } +$('#css3-calc').remove(); // Remove the test element $('#expand-aside').click(function() { $('#expand-aside-icon').toggleClass('icon-circle-arrow-right').toggleClass('icon-circle-arrow-left'); |