rename to "Firefox Bridge (Beta)". Add localization to tab title. Rem…

…ove welcome page mobile formatting.
mozilla-extensions · Mar 25, 2024 · 3a29b5f · 3a29b5f · firefoxci-taskcluster · Mar 25, 2024
1 parent 600cc7c
commit 3a29b5f
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 66 deletions.
diff --git a/src/_locales/en/messages.json b/src/_locales/en/messages.json
@@ -51,17 +51,23 @@
   "openWelcomePage": {
     "message": "Extension Settings"
   },
+  "welcomePageTabTitleFirefox": {
+    "message": "Firefox Bridge (Beta)"
+  },
   "welcomePageTitleFirefox": {
-    "message": "Firefox Bridge"
+    "message": "Firefox Bridge (Beta)"
   },
   "welcomePageSubtitleFirefox": {
     "message": "Switch between browsers in one click."
   },
   "welcomePageDescriptionFirefox": {
     "message": "Sometimes, you just want to use a different browser.\nThis extension helps you easily open sites in other browsers."
   },
+  "welcomePageTabTitleChromium": {
+    "message": "Firefox Bridge (Beta)"
+  },
   "welcomePageTitleChromium": {
-    "message": "Firefox Bridge"
+    "message": "Firefox Bridge (Beta)"
   },
   "welcomePageSubtitleChromium": {
     "message": "Switch from your current browser to Firefox in one click."
@@ -127,17 +133,14 @@
     "message": "Find shortcuts for this extension by going to <a>extension settings.</a>"
   },
   "welcomePageTryFirefox": {
-    "message": "Want to launch in Firefox? <a>Try our Chromium extension.</a>"
+    "message": "Want to hop back to Firefox? <a>Try our Chromium extension.</a>"
   },
   "welcomePageTryChromium": {
-    "message": "Launch another browser with our <a>extension in Firefox.</a>"
+    "message": "Hop back from another browser with our <a>extension in Firefox.</a>"
   },
   "welcomePageDefaultBrowser": {
     "message": "(Default Browser)"
   },
-  "welcomePageBeta": {
-    "message": "BETA"
-  },
   "welcomePageNoExternalBrowserErrorChromium": {
     "message": "Looks like Firefox isn’t installed on this device. <a>Download Now</a>"
   },

diff --git a/src/chromium/manifest.json b/src/chromium/manifest.json
@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "minimum_chrome_version": "97",
-  "name": "Firefox Bridge",
+  "name": "Firefox Bridge (Beta)",
   "description": "Easily switch from Chrome to Firefox when you want to use Firefox's extra privacy features.",
   "version": "0.1",
   "icons": {

diff --git a/src/firefox/manifest.json b/src/firefox/manifest.json
@@ -1,6 +1,6 @@
 {
   "manifest_version": 2,
-  "name": "Firefox Bridge",
+  "name": "Firefox Bridge (Beta)",
   "description": "Easily hop from Firefox to another browser when you want to use a specific feature or keep your browsing separate.",
   "version": "0.1",
   "permissions": [

diff --git a/src/shared/pages/welcomePage/index.html b/src/shared/pages/welcomePage/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Firefox Bridge</title>
+    <title data-locale="welcomePageTabTitle"></title>
     <script src="script.bundle.js"></script>
     <link rel="stylesheet" href="style.css" />
   </head>
@@ -18,11 +18,9 @@
       <div class="welcome-info">
         <div class="welcome-header">
           <h1 data-locale="welcomePageTitle"></h1>
-          <span data-locale="welcomePageBeta"></span>
         </div>
 
         <h2 data-locale="welcomePageSubtitle"></h2>
-        <img id="welcome-image-mobile" src="images/splash.svg" />
         <p data-locale="welcomePageDescription"></p>
 
         <div class="browser-list firefox" id="browser-list-container">

diff --git a/src/shared/pages/welcomePage/script.js b/src/shared/pages/welcomePage/script.js
@@ -188,33 +188,12 @@ export async function activatePlatformSpecificElements() {
     });
     checkChromiumHotkeys();
     checkPrivateBrowsing();
-    if (browser.runtime.getPlatformInfo().os === "android") {
-      applyMobileLogic();
-    }
     if (!(await getInstalledFirefoxVariant())) {
       document.getElementById("error-notification").style.display = "flex";
     }
   }
 }
 
-/**
- * Apply logic for mobile browsers.
- */
-export function applyMobileLogic() {
-  // move the manage shortcuts text to the bottom of the description and
-  // remove the shortcuts container.
-  const manageShortcutsText = document.querySelector(
-    "[data-locale='welcomePageManageShortcuts']",
-  );
-
-  document
-    .querySelector("[data-locale='welcomePageDescription']")
-    .insertAdjacentElement("afterend", manageShortcutsText);
-
-  const shortcutsContainer = document.getElementById("shortcuts-container");
-  shortcutsContainer.remove();
-}
-
 document.addEventListener("DOMContentLoaded", async function () {
   await initGlean();
   activatePlatformSpecificElements();

diff --git a/src/shared/pages/welcomePage/style.css b/src/shared/pages/welcomePage/style.css
@@ -71,48 +71,16 @@ span {
   margin-top: 20px;
 }
 
-#welcome-image-mobile {
-  display: none;
-}
-
 .welcome-info {
   min-width: 60%;
 }
 
-/* Mobile & Small Screen Styling */
-@media (max-width: 768px) {
-  .welcome-content {
-    flex-direction: column;
-    padding: 20px;
-  }
-
-  #welcome-image {
-    display: none;
-  }
-
-  #welcome-image-mobile {
-    display: block;
-    max-width: 50%;
-    margin-bottom: 20px;
-    margin-left: auto;
-    margin-right: auto;
-  }
-}
-
-/* Title and Beta Styling */
+/* Title Styling */
 .welcome-header {
   display: flex;
   align-items: center;
 }
 
-.welcome-header span {
-  border-radius: 8px;
-  border: #cfcfd8 solid 2px;
-  font-weight: lighter;
-  padding: 12px;
-  margin-left: 10px;
-}
-
 /* Subtitle Styling */
 .welcome-info h2 {
   margin-top: 0px;