Add viewport meta tag to all in-app HTML pages

GarboMuffin · GarboMuffin · commit a4b8dbb59d50 · 2025-11-09T20:12:44.000-06:00
diff --git a/src-main/protocols.js b/src-main/protocols.js
@@ -149,6 +149,7 @@ const createErrorPageHTML = (request, errorMessage) => `<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="utf8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Protocol handler error</title>
   </head>
   <body bgcolor="white" text="black">
diff --git a/src-protocol-error/legacy-file/invalid-extension.html b/src-protocol-error/legacy-file/invalid-extension.html
@@ -2,6 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Protocol handler error</title>
   </head>
   <body bgcolor="white" text="black">
diff --git a/src-protocol-error/legacy-file/path-traversal.html b/src-protocol-error/legacy-file/path-traversal.html
@@ -2,6 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Protocol handler error</title>
   </head>
   <body bgcolor="white" text="black">
diff --git a/src-protocol-error/legacy-file/unknown.html b/src-protocol-error/legacy-file/unknown.html
@@ -2,6 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Protocol handler error</title>
   </head>
   <body bgcolor="white" text="black">
diff --git a/src-renderer-webpack/editor/addons/addons.html b/src-renderer-webpack/editor/addons/addons.html
@@ -3,6 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline'">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <style>
       [splash-theme="dark"]:not(.tw-loaded) {
         background-color: #222222;
diff --git a/src-renderer-webpack/editor/gui/gui.html b/src-renderer-webpack/editor/gui/gui.html
@@ -2,6 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <!-- Unfortunately can't really enforce a CSP due to custom extensions -->
     <style>
       .splash-screen {
diff --git a/src-renderer-webpack/editor/gui/migrate-helper.html b/src-renderer-webpack/editor/gui/migrate-helper.html
@@ -2,6 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'unsafe-inline'; script-src 'unsafe-inline'">
   </head>
   <body>
diff --git a/src-renderer/about/about.html b/src-renderer/about/about.html
@@ -2,6 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <style>
       body {
         margin: 0;
diff --git a/src-renderer/desktop-settings/desktop-settings.html b/src-renderer/desktop-settings/desktop-settings.html
@@ -2,6 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <style>
       body {
         margin: 0;
diff --git a/src-renderer/file-access/file-access.html b/src-renderer/file-access/file-access.html
@@ -2,6 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <style>
       body {
         margin: 0;
diff --git a/src-renderer/migrate/migrate.html b/src-renderer/migrate/migrate.html
@@ -2,6 +2,7 @@
 <html>
   <html>
     <meta charset="utf8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'unsafe-inline'; script-src 'unsafe-inline'; img-src file:; frame-src tw-editor: tw-packager:">
     <style>
       :root {
diff --git a/src-renderer/packager/migrate-helper.html b/src-renderer/packager/migrate-helper.html
@@ -2,6 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'unsafe-inline'; script-src 'unsafe-inline'">
   </head>
   <body>
diff --git a/src-renderer/privacy/privacy.html b/src-renderer/privacy/privacy.html
@@ -2,6 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <style>
       body {
         margin: 0;
diff --git a/src-renderer/security-prompt/security-prompt.html b/src-renderer/security-prompt/security-prompt.html
@@ -2,6 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <style>
       :root {
         font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
diff --git a/src-renderer/update/update.html b/src-renderer/update/update.html
@@ -2,6 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <style>
       body {
         margin: 0;
