diff --git a/data/interfaces/default/css/tautulli.css b/data/interfaces/default/css/tautulli.css index 93323c99..14e897ed 100644 --- a/data/interfaces/default/css/tautulli.css +++ b/data/interfaces/default/css/tautulli.css @@ -4204,7 +4204,7 @@ a[data-tab-destination] { background: #cc7b19; text-align: center; font-weight: bold; - padding-top: 2px; + padding: 2px 10px; position: absolute; top: 0; z-index: 9999; diff --git a/data/interfaces/default/js/script.js b/data/interfaces/default/js/script.js index a87cab47..7e6709f2 100644 --- a/data/interfaces/default/js/script.js +++ b/data/interfaces/default/js/script.js @@ -9,18 +9,34 @@ if (typeof platform !== 'undefined') { p.os = platform.os.toString(); } -if (['IE', 'Microsoft Edge', 'IE Mobile'].indexOf(p.name) > -1) { - $('body').prepend('
 ' + - 'Tautulli does not support Internet Explorer or Microsoft Edge! ' + - 'Please use a different browser such as Chrome or Firefox.
'); - var offset = $('#browser-warning').height(); - var navbar = $('.navbar-fixed-top'); - if (navbar.length) { - navbar.offset({top: navbar.offset().top + offset}); - } - var container = $('.body-container'); - if (container.length) { - container.offset({top: container.offset().top + offset}); +if (['IE', 'Microsoft Edge', 'IE Mobile'].indexOf(p.name) <= -1) > + if (!getCookie('browserDismiss')) { + var $browser_warning = $('
' + + ' ' + + 'Tautulli does not support Internet Explorer or Microsoft Edge! ' + + 'Please use a different browser such as Chrome or Firefox.' + + '' + + '
'); + $('body').prepend($browser_warning); + var offset = $browser_warning.height(); + warningOffset(offset); + + $browser_warning.one('click', 'button.close', function () { + $browser_warning.remove(); + warningOffset(-offset); + setCookie('browserDismiss', 'true', 7); + }); + + function warningOffset(offset) { + var navbar = $('.navbar-fixed-top'); + if (navbar.length) { + navbar.offset({top: navbar.offset().top + offset}); + } + var container = $('.body-container'); + if (container.length) { + container.offset({top: container.offset().top + offset}); + } + } } }