scott/crabfit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix button, IE fallback

Browse source
This commit is contained in:
Ben Grant 2021-06-10 14:01:04 +10:00
parent c84b4b3caa
commit 54ddd28b67
4 changed files with 29 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

21
crabfit-frontend/public/index.css
View file

@ -19,3 +19,24 @@
font-weight: 400;
font-style: normal;
}
/* IE 10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#root {
font-family: Karla, sans-serif;
text-align: center;
margin: 20vh auto;
font-size: 1.3em;
font-weight: 600;
}
#root::before {
content: '🦀';
font-size: 1.5em;
display: block;
padding: 20px;
}
#root::after {
display: block;
content: 'Crab Fit doesn\'t work in Internet Explorer. Please try using a modern browser.';
}
}

5
crabfit-frontend/public/index.html
View file

@ -2,6 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
<link rel="icon" href="%PUBLIC_URL%/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<meta name="theme-color" content="#F79E00">
@ -36,7 +37,9 @@
</script>
</head>
<body>
<noscript style="font-family: Karla, sans-serif; text-align: center; margin: 20vh 0; display: block;"><h1>🦀 Crab Fit doesn't work without Javascript 🏋️</h1><p>Enable Javascript or try a different browser.</p></noscript>
<noscript>
<div style="font-family: Karla, sans-serif; text-align: center; margin: 20vh 0; display: block;"><h1>🦀 Crab Fit doesn't work without Javascript 🏋️</h1><p>Enable Javascript or try a different browser.</p></div>
</noscript>
<div id="root"></div>
</body>
</html>