Merge pull request #7105 from capilkey/warning-for-ie

Warning for IE users
This commit is contained in:
Fred Dixon 2019-03-25 18:13:21 -04:00 committed by GitHub
commit b81ac3d0bb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -41,15 +41,46 @@
[hidden]:not([hidden="false"]) {
display: none !important;
}
.browserWarning {
border: 5px solid #F3F6F9;
border-radius: 0.5rem;
color: #F3F6F9;
text-align: center;
width:500px;
position:fixed;
left:50%;
margin-left: -250px;
top:50%;
margin-top: -4rem;
font-size: 1.5rem;
padding: 10px;
}
</style>
<script>
document.addEventListener('gesturestart', function (e) {
e.preventDefault();
});
e.preventDefault();
});
window.addEventListener('load', function (e) {
var ua = window.navigator.userAgent;
// detect for different version of IE and show a warning
if (ua.indexOf('MSIE ') > 0 || ua.indexOf('Trident/') > 0) {
var warning = document.getElementById("browserWarning");
if (warning) {
warning.style.display = "block";
}
}
});
</script>
</head>
<body style="background-color: #06172A">
<div id="app" role="document"></div>
<div id="app" role="document">
<p id="browserWarning" class="browserWarning" style="display: none">
It looks like you're using a browser that is not fully supported. Please use either <a href="https://www.google.com/chrome/">Chrome</a> or <a href="https://getfirefox.com">Firefox</a> for full support.
</p>
</div>
<audio id="remote-media" autoPlay="autoplay">
<track kind="captions" /> {/* These captions are brought to you by eslint */}
</audio>