diff --git a/assets/scss/base/_base.scss b/assets/scss/base/_base.scss index 0f9f8b220d..4ac580218e 100644 --- a/assets/scss/base/_base.scss +++ b/assets/scss/base/_base.scss @@ -94,9 +94,9 @@ textarea { resize: vertical; } -.chromeframe { +.old-browser-warning { margin: 0; - background: #ccc; + background: #ddd; color: #000; padding: 0.2em 0; text-align: center; @@ -105,6 +105,11 @@ textarea { width: 100%; } +body.old-browser-warning-shown .page-container { + position: relative; + top: 3rem; +} + .a11y { display: block; width: 0; diff --git a/templates/base.html b/templates/base.html index d2b0db1aee..0a7db6d0bd 100644 --- a/templates/base.html +++ b/templates/base.html @@ -140,9 +140,8 @@ data-show-markdown-help="false" {% endif %} > - + + {% include "old_browser_warning.html" %}
diff --git a/templates/old_browser_warning.html b/templates/old_browser_warning.html new file mode 100644 index 0000000000..cb89926f10 --- /dev/null +++ b/templates/old_browser_warning.html @@ -0,0 +1,27 @@ + +
+ +{# The main JavaScript files may cause parse errors on old browsers in the #} +{# future (ES6, ES7, …). It is probably better to keep this script separated. #} + +