Add message for safari users

dfinity · Dec 20, 2024 · 73663e3 · 73663e3
1 parent 8f8f45c
commit 73663e3
Show file tree

Hide file tree

Showing 8 changed files with 32 additions and 0 deletions.
diff --git a/src/dfx/assets/project_templates/react/src/__frontend_name__/index.html b/src/dfx/assets/project_templates/react/src/__frontend_name__/index.html
@@ -10,6 +10,10 @@
 </head>
 
 <body>
+  <div class="browser-warning">
+    ⚠️ If this page appears broken, try reloading. If the problem persists, your browser may be unsupported; try using
+    Chrome or Firefox.
+  </div>
   <div id="root"></div>
   <script type="module" src="/src/main.jsx"></script>
 </body>

diff --git a/src/dfx/assets/project_templates/react/src/__frontend_name__/src/index.scss b/src/dfx/assets/project_templates/react/src/__frontend_name__/src/index.scss
@@ -35,3 +35,7 @@ button[type="submit"] {
 #greeting:empty {
   display: none;
 }
+
+.browser-warning {
+  display: none;
+}
diff --git a/src/dfx/assets/project_templates/svelte/src/__frontend_name__/src/app.html b/src/dfx/assets/project_templates/svelte/src/__frontend_name__/src/app.html
@@ -10,6 +10,10 @@
 </head>
 
 <body data-sveltekit-preload-data="hover">
+	<div class="browser-warning">
+		⚠️ If this page appears broken, try reloading. If the problem persists, your browser may be unsupported; try
+		using Chrome or Firefox.
+	</div>
 	<div style="display: contents">%sveltekit.body%</div>
 </body>
 

diff --git a/src/dfx/assets/project_templates/svelte/src/__frontend_name__/src/index.scss b/src/dfx/assets/project_templates/svelte/src/__frontend_name__/src/index.scss
@@ -35,3 +35,7 @@ button[type="submit"] {
 #greeting:empty {
   display: none;
 }
+
+.browser-warning {
+  display: none;
+}
diff --git a/src/dfx/assets/project_templates/vanilla_js/src/__frontend_name__/index.html b/src/dfx/assets/project_templates/vanilla_js/src/__frontend_name__/index.html
@@ -9,6 +9,10 @@
 </head>
 
 <body>
+  <div class="browser-warning">
+    ⚠️ If this page appears broken, try reloading. If the problem persists, your browser may be unsupported; try using
+    Chrome or Firefox.
+  </div>
   <div id="root"></div>
   <script type="module" src="/src/main.js"></script>
 </body>

diff --git a/src/dfx/assets/project_templates/vanilla_js/src/__frontend_name__/src/index.scss b/src/dfx/assets/project_templates/vanilla_js/src/__frontend_name__/src/index.scss
@@ -35,3 +35,7 @@ button[type="submit"] {
 #greeting:empty {
   display: none;
 }
+
+.browser-warning {
+  display: none;
+}
diff --git a/src/dfx/assets/project_templates/vue/src/__frontend_name__/index.html b/src/dfx/assets/project_templates/vue/src/__frontend_name__/index.html
@@ -14,6 +14,10 @@
     <strong>We're sorry but this application doesn't work properly without
       JavaScript enabled. Please enable it to continue.</strong>
   </noscript>
+  <div class="browser-warning">
+    ⚠️ If this page appears broken, try reloading. If the problem persists, your browser may be unsupported; try using
+    Chrome or Firefox.
+  </div>
   <div id="app"></div>
   <script src="/src/main.js" type="module"></script>
 </body>

diff --git a/src/dfx/assets/project_templates/vue/src/__frontend_name__/src/index.scss b/src/dfx/assets/project_templates/vue/src/__frontend_name__/src/index.scss
@@ -35,3 +35,7 @@ button[type="submit"] {
 #greeting:empty {
   display: none;
 }
+
+.browser-warning {
+  display: none;
+}