Merge pull request #35 from adamaziz15/bug/555-untranslated-content

[MNOE-555] Fix FOUC using translate-cloak
maestrano · Jul 21, 2017 · d617793 · d617793
2 parents 4329950 + 7e7c27e
commit d617793
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/app/index.less b/src/app/index.less
@@ -31,6 +31,9 @@
 body {
   background: #f3f3f3;
   font-family: inherit;
+  &.translate-cloak {
+    opacity: 0;
+  }
 }
 
 a {

diff --git a/src/index.html b/src/index.html
@@ -17,7 +17,7 @@
     <link rel="stylesheet" href="index.css"/>
     <!-- endbuild -->
   </head>
-  <body>
+  <body translate-cloak>
     <!--[if lt IE 10]>
       <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
     <![endif]-->