DON-34 - rationalise hiding the app from old IEs

NoelLH · NoelLH · commit 1075b08cfe52 · 2019-10-03T10:50:48.000+01:00
diff --git a/src/index.html b/src/index.html
@@ -1,6 +1,8 @@
 <!doctype html>
 <html lang="en">
 <head>
+  <!-- LOCAL VERSION! -->
+  <link rel="preconnect" href="https://full-biggive.cs107.force.com">
   <meta charset="utf-8">
   <title>The Big Give</title>
   <base href="/">
@@ -9,7 +11,15 @@
   <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
 <body>
-  <!--[if lt IE 11]> <p><a href="https://browsehappy.com/">Please upgrade your browser to continue.</a></p> <![endif]-->
-  <app-root></app-root>
+  <!--[if lt IE 11]>
+    <p><a href="https://browsehappy.com/">Please upgrade your browser to continue.</a></p>
+    <style>
+      .hide-from-old-ie {
+        display: none;
+      }
+    </style>
+  <![endif]-->
+
+  <app-root class="hide-from-old-ie"></app-root>
 </body>
 </html>
diff --git a/src/index.production.html b/src/index.production.html
@@ -10,7 +10,15 @@
   <link rel="icon" type="image/x-icon" href="/d/favicon.ico">
 </head>
 <body>
-  <!--[if lt IE 11]> <p><a href="https://browsehappy.com/">Please upgrade your browser to continue.</a></p> <![endif]-->
-  <app-root></app-root>
+  <!--[if lt IE 11]>
+    <p><a href="https://browsehappy.com/">Please upgrade your browser to continue.</a></p>
+    <style>
+      .hide-from-old-ie {
+        display: none;
+      }
+    </style>
+  <![endif]-->
+
+  <app-root class="hide-from-old-ie"></app-root>
 </body>
 </html>
diff --git a/src/index.staging.html b/src/index.staging.html
@@ -10,7 +10,15 @@
   <link rel="icon" type="image/x-icon" href="/d/favicon.ico">
 </head>
 <body>
-  <!--[if lt IE 11]> <p><a href="https://browsehappy.com/">Please upgrade your browser to continue.</a></p> <![endif]-->
-  <app-root></app-root>
+  <!--[if lt IE 11]>
+    <p><a href="https://browsehappy.com/">Please upgrade your browser to continue.</a></p>
+    <style>
+      .hide-from-old-ie {
+        display: none;
+      }
+    </style>
+  <![endif]-->
+
+  <app-root class="hide-from-old-ie"></app-root>
 </body>
 </html>
