maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-25 22:37:18 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Font handling 500.html: add class to html tag (safe element) and add repeat check to head

Browse source
This commit is contained in:
Vesa Luusua 2017-10-09 15:35:45 +03:00
parent 4d37790c6d
commit 4472c6bc73
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
public/500.html
View file

@ -124,7 +124,7 @@
border-color: #B2B2B2;
}
.fontsLoaded {
.fontsLoaded body {
font-family: sofiapro, Helvetica, Arial, sans-serif;
opacity: 1;
}
@ -172,7 +172,7 @@
})(document);
</script>
</head>
<body id="body">
<body>
<div class="content">
<div class="errorCode">500</div>
<h1>Sorry, it seems we did something wrong.</h1>
@ -194,7 +194,7 @@
// Optimization for Repeated views - i.e. page refresh hits the same error
// If there's no Promise available, we also revert to @font-face loading
if (sessionStorage.fontsLoaded || !hasFeaturePromise) {
document.getElementById("body").classList.add("fontsLoaded");
document.documentElement.classList.add("fontsLoaded");
return;
}
@ -207,7 +207,7 @@
values.forEach(function(f) {
document.fonts.add(f);
});
document.getElementById("body").classList.add("fontsLoaded");
document.documentElement.classList.add("fontsLoaded");
// Optimization for Repeat Views
sessionStorage.fontsLoaded = true;

2
public/index.html
View file

@ -75,7 +75,7 @@
<link rel="stylesheet" href="%PUBLIC_URL%/static/reactDates.css" />
</head>
<body id="body">
<body>
<div id="root"><!--!body--></div>
<script>
(function(document){