diff --git a/src/pretix/control/context.py b/src/pretix/control/context.py index 83aa9fd63..be369677e 100644 --- a/src/pretix/control/context.py +++ b/src/pretix/control/context.py @@ -155,6 +155,8 @@ def _default_context(request): if not gs.settings.update_check_ack and 'runserver' not in sys.argv: ctx['warning_update_check_active'] = True + ctx['ie_deprecation_warning'] = 'MSIE' in request.headers['User-Agent'] or 'Trident/' in request.headers['User-Agent'] + if request.user.is_authenticated: ctx['staff_session'] = request.user.has_active_staff_session(request.session.session_key) ctx['staff_need_to_explain'] = ( diff --git a/src/pretix/control/templates/pretixcontrol/base.html b/src/pretix/control/templates/pretixcontrol/base.html index 159c15dfd..5e3e45518 100644 --- a/src/pretix/control/templates/pretixcontrol/base.html +++ b/src/pretix/control/templates/pretixcontrol/base.html @@ -318,6 +318,23 @@ + {% if ie_deprecation_warning %} +
+ + {% blocktrans trimmed %} + We've detected that you are using Microsoft Internet Explorer. + {% endblocktrans %} + {% blocktrans trimmed %} + Internet Explorer is an old browser that does not support lots of recent web-based + technologies. While some features might already not work properly, we plan on no longer + supporting Internet Explorer in our administrative backend in the next months. + {% endblocktrans %} + {% blocktrans trimmed %} + We kindly ask you to move to one of our supported browsers, such as Microsoft Edge, + Mozilla Firefox, Google Chrome, or Safari. + {% endblocktrans %} +
+ {% endif %} {% if staff_need_to_explain %}
diff --git a/src/pretix/static/pretixcontrol/scss/main.scss b/src/pretix/static/pretixcontrol/scss/main.scss index 4158edcc9..42db8ebee 100644 --- a/src/pretix/static/pretixcontrol/scss/main.scss +++ b/src/pretix/static/pretixcontrol/scss/main.scss @@ -478,7 +478,7 @@ td > .dl-horizontal { width: 30%; } -.impersonate-warning { +.impersonate-warning, .old-browser-warning { background-color: #ffe761; background-image: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, .04) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .04) 50%, rgba(0, 0, 0, .04) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(0, 0, 0, .04) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .04) 50%, rgba(0, 0, 0, .04) 75%, transparent 75%, transparent); @@ -487,7 +487,7 @@ td > .dl-horizontal { } @media(min-width:768px) { - .impersonate-warning { + .impersonate-warning, .old-browser-warning { position: inherit; margin: 0 0 0 250px; padding: 15px 30px;