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

2
public/index.html
View file

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