Bug 1668965 - Remove mention of Lockwise mobile apps from about:logins. r=sfoster,fluent-reviewers

Differential Revision: https://phabricator.services.mozilla.com/D93260

browser/app/profile/firefox.js

@@ -1726,8 +1726,6 @@ pref("browser.contentblocking.report.monitor.home_page_url", "https://monitor.fi
 pref("browser.contentblocking.report.manage_devices.url", "https://accounts.firefox.com/settings/clients");
 pref("browser.contentblocking.report.endpoint_url", "https://monitor.firefox.com/user/breach-stats?includeResolved=true");
 pref("browser.contentblocking.report.proxy_extension.url", "https://fpn.firefox.com/browser?utm_source=firefox-desktop&utm_medium=referral&utm_campaign=about-protections&utm_content=about-protections");
-pref("browser.contentblocking.report.lockwise.mobile-ios.url", "https://apps.apple.com/app/id1314000270");
-pref("browser.contentblocking.report.lockwise.mobile-android.url", "https://play.google.com/store/apps/details?id=mozilla.lockbox&referrer=utm_source%3Dprotection_report%26utm_content%3Dmobile_promotion");
 pref("browser.contentblocking.report.mobile-ios.url", "https://apps.apple.com/app/firefox-private-safe-browser/id989804926");
 pref("browser.contentblocking.report.mobile-android.url", "https://play.google.com/store/apps/details?id=org.mozilla.firefox&referrer=utm_source%3Dprotection_report%26utm_content%3Dmobile_promotion");
 pref("browser.contentblocking.report.vpn.url", "https://vpn.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-browser&utm_campaign=about-protections-card");
@@ -1887,11 +1885,8 @@ pref("signon.management.page.sort", "name");
 // The utm_creative value is appended within the code (specific to the location on
 // where it is clicked). Be sure that if these two prefs are updated, that
 // the utm_creative param be last.
-pref("signon.management.page.mobileAndroidURL", "https://app.adjust.com/6tteyjo?redirect=https%3A%2F%2Fplay.google.com%2Fstore%2Fapps%2Fdetails%3Fid%3Dmozilla.lockbox&utm_campaign=Desktop&utm_adgroup=InProduct&utm_creative=");
-pref("signon.management.page.mobileAppleURL", "https://app.adjust.com/6tteyjo?redirect=https%3A%2F%2Fitunes.apple.com%2Fapp%2Fid1314000270%3Fmt%3D8&utm_campaign=Desktop&utm_adgroup=InProduct&utm_creative=");
 pref("signon.management.page.breachAlertUrl",
      "https://monitor.firefox.com/breach-details/");
-pref("signon.management.page.hideMobileFooter", false);
 pref("signon.management.page.showPasswordSyncNotification", true);
 pref("signon.passwordEditCapture.enabled", true);
 pref("signon.showAutoCompleteFooter", true);

browser/base/content/logos/lockwise-mobile.svg

@@ -1,64 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="50" height="58" xmlns="http://www.w3.org/2000/svg">
-  <defs>
-    <linearGradient x1="71.971%" y1="11.845%" x2="26.855%" y2="90.324%" id="a">
-      <stop stop-color="#FF980E" offset="0%"/>
-      <stop stop-color="#FF851B" offset="11%"/>
-      <stop stop-color="#FF3750" offset="57%"/>
-      <stop stop-color="#F92261" offset="80%"/>
-      <stop stop-color="#F5156C" offset="100%"/>
-    </linearGradient>
-    <linearGradient x1="71.573%" y1="-.991%" x2="34.706%" y2="86.287%" id="b">
-      <stop stop-color="#FFF261" stop-opacity=".8" offset="0%"/>
-      <stop stop-color="#FFF261" stop-opacity=".68" offset="6%"/>
-      <stop stop-color="#FFF261" stop-opacity=".48" offset="19%"/>
-      <stop stop-color="#FFF261" stop-opacity=".31" offset="31%"/>
-      <stop stop-color="#FFF261" stop-opacity=".17" offset="42%"/>
-      <stop stop-color="#FFF261" stop-opacity=".08" offset="53%"/>
-      <stop stop-color="#FFF261" stop-opacity=".02" offset="63%"/>
-      <stop stop-color="#FFF261" stop-opacity="0" offset="72%"/>
-    </linearGradient>
-    <linearGradient x1="50.51%" y1="200.063%" x2="50.51%" y2="-34.412%" id="c">
-      <stop stop-color="#0090ED" offset="0%"/>
-      <stop stop-color="#9059FF" offset="50%"/>
-      <stop stop-color="#B833E1" offset="81%"/>
-    </linearGradient>
-    <linearGradient x1="24.563%" y1="80.696%" x2="79.944%" y2="4.059%" id="d">
-      <stop stop-color="#0090ED" offset="2%"/>
-      <stop stop-color="#9059FF" offset="49%"/>
-      <stop stop-color="#B833E1" offset="100%"/>
-    </linearGradient>
-    <linearGradient x1="68.874%" y1="81.415%" x2="32.528%" y2="18.585%" id="e">
-      <stop stop-color="#592ACB" stop-opacity="0" offset="14%"/>
-      <stop stop-color="#542BC8" stop-opacity=".03" offset="33%"/>
-      <stop stop-color="#462FBF" stop-opacity=".11" offset="53%"/>
-      <stop stop-color="#2F35B1" stop-opacity=".25" offset="74%"/>
-      <stop stop-color="#0F3D9C" stop-opacity=".44" offset="95%"/>
-      <stop stop-color="#054096" stop-opacity=".5" offset="100%"/>
-    </linearGradient>
-    <linearGradient x1="62.189%" y1="16.96%" x2="36.167%" y2="93.672%" id="f">
-      <stop stop-color="#722291" stop-opacity=".5" offset="0%"/>
-      <stop stop-color="#B833E1" stop-opacity="0" offset="50%"/>
-    </linearGradient>
-    <linearGradient x1="86.967%" y1="8.374%" x2="37.025%" y2="60.939%" id="g">
-      <stop stop-color="#054096" stop-opacity=".5" offset="0%"/>
-      <stop stop-color="#0F3D9C" stop-opacity=".44" offset="3%"/>
-      <stop stop-color="#2F35B1" stop-opacity=".25" offset="17%"/>
-      <stop stop-color="#462FBF" stop-opacity=".11" offset="30%"/>
-      <stop stop-color="#542BC8" stop-opacity=".03" offset="43%"/>
-      <stop stop-color="#592ACB" stop-opacity="0" offset="56%"/>
-    </linearGradient>
-  </defs>
-  <path fill="context-fill" fill-opacity=".8" fill-rule="evenodd" d="M43.537 35.343c.174 1.235.01 1.997-.49 2.286L23.825 48.727c-.749.432-1.745.113-2.225-.718L4.076 17.657c-.478-.828-.258-1.853.491-2.286L23.79 4.274c.751-.434 1.747-.11 2.225.717l17.523 30.352zM33.992 49.74l4.619-2.666-1.616-2.8-4.619 2.667 1.616 2.8zM2.84 11.798c-2.547 1.47-3.169 5.164-1.388 8.249l19.383 33.57c1.78 3.086 5.29 4.394 7.837 2.923L47.16 45.867c2.547-1.471 3.169-5.164 1.388-8.25L29.165 4.048c-1.78-3.085-5.29-4.394-7.837-2.923L2.84 11.798z"/>
-  <g transform="rotate(-30 45.49 -5.758)">
-    <path d="M20.476 8.09A83.755 83.755 0 0013.348.95a4.136 4.136 0 00-5.273 0A83.756 83.756 0 00.947 8.094a4.157 4.157 0 000 5.282 83.755 83.755 0 007.131 7.142 3.977 3.977 0 002.635.947 3.993 3.993 0 002.646-.955 84.445 84.445 0 003.663-3.506 1.196 1.196 0 00-.091-1.64l-3.54-3.308a4.076 4.076 0 001.36-3.22 4.128 4.128 0 00-3.856-3.927 4.066 4.066 0 00-3.042 1.116 4.103 4.103 0 00.08 6.031l-1.28 1.162a1.037 1.037 0 00-.062 1.448c.376.42 1.018.46 1.444.092l1.417-1.288.037-.035c.384-.385.589-.913.565-1.457a1.97 1.97 0 00-.68-1.419 2.036 2.036 0 01-.598-2.252 2.03 2.03 0 013.813 0 2.036 2.036 0 01-.599 2.252 1.984 1.984 0 00-.701 1.428c-.021.54.183 1.065.565 1.448l.024.024 2.972 2.79c-.91.905-1.858 1.8-2.868 2.718a2.11 2.11 0 01-2.533 0 82.378 82.378 0 01-6.962-6.975 2.125 2.125 0 010-2.538 81.622 81.622 0 016.962-6.976 2.11 2.11 0 012.53 0 81.622 81.622 0 016.963 6.976 2.12 2.12 0 010 2.535c-.357.403-.713.805-1.071 1.173a1.035 1.035 0 00.06 1.46 1.03 1.03 0 001.458-.06c.353-.384.717-.786 1.07-1.2a4.157 4.157 0 00.017-5.271z" fill="url(#a)"/>
-    <path d="M20.476 8.09A83.755 83.755 0 0013.348.95a4.136 4.136 0 00-5.273 0A83.756 83.756 0 00.947 8.094a4.157 4.157 0 000 5.282 83.755 83.755 0 007.131 7.142 3.977 3.977 0 002.635.947 3.993 3.993 0 002.646-.955 84.445 84.445 0 003.663-3.506 1.196 1.196 0 00-.091-1.64l-3.54-3.308a4.076 4.076 0 001.36-3.22 4.128 4.128 0 00-3.856-3.927 4.066 4.066 0 00-3.042 1.116 4.103 4.103 0 00.08 6.031l-1.28 1.162a1.037 1.037 0 00-.062 1.448c.376.42 1.018.46 1.444.092l1.417-1.288.037-.035c.384-.385.589-.913.565-1.457a1.97 1.97 0 00-.68-1.419 2.036 2.036 0 01-.598-2.252 2.03 2.03 0 013.813 0 2.036 2.036 0 01-.599 2.252 1.984 1.984 0 00-.701 1.428c-.021.54.183 1.065.565 1.448l.024.024 2.972 2.79c-.91.905-1.858 1.8-2.868 2.718a2.11 2.11 0 01-2.533 0 82.378 82.378 0 01-6.962-6.975 2.125 2.125 0 010-2.538 81.622 81.622 0 016.962-6.976 2.11 2.11 0 012.53 0 81.622 81.622 0 016.963 6.976 2.12 2.12 0 010 2.535c-.357.403-.713.805-1.071 1.173a1.035 1.035 0 00.06 1.46 1.03 1.03 0 001.458-.06c.353-.384.717-.786 1.07-1.2a4.157 4.157 0 00.017-5.271z" fill="url(#b)"/>
-    <path d="M18.93 9.465a2.12 2.12 0 010 2.535c-.355.402-.711.805-1.07 1.172a1.035 1.035 0 00.533 1.71c.36.08.735-.037.985-.31.354-.383.718-.785 1.071-1.198 1.29-1.43-1.518-3.91-1.518-3.91z" fill="url(#c)"/>
-    <path d="M14.85 16.25c-.91.904-1.858 1.8-2.868 2.717a2.11 2.11 0 01-2.533 0 82.378 82.378 0 01-6.962-6.975 2.125 2.125 0 010-2.538l-.469.536a3.463 3.463 0 00.056 4.634 83.038 83.038 0 006.004 5.894 3.977 3.977 0 002.635.947 3.993 3.993 0 002.646-.955c.747-.676 1.577-1.457 2.321-2.176a.905.905 0 000-1.304l-.83-.78z" fill="url(#d)"/>
-    <path d="M2.085 14.632c.782.85 1.561 1.663 2.36 2.457l.318-.52c.268-.427.535-.845.822-1.264a91.046 91.046 0 01-3.09-3.3 2.125 2.125 0 010-2.538l-.469.537a3.463 3.463 0 00.048 4.62l.011.008z" fill="url(#e)" opacity=".9"/>
-    <path d="M18.93 9.465a2.12 2.12 0 010 2.535c-.355.402-.711.805-1.07 1.172a1.035 1.035 0 00.533 1.71c.36.08.735-.037.985-.31.354-.383.718-.785 1.071-1.198 1.29-1.43-1.518-3.91-1.518-3.91z" fill="url(#f)"/>
-    <path d="M15.67 17.03l-.82-.78a86.49 86.49 0 01-2.87 2.717c-.462.357-1.052.5-1.626.398v2.084c.118 0 .236.016.356.016a3.993 3.993 0 002.646-.955c.747-.676 1.577-1.457 2.321-2.176a.902.902 0 00-.008-1.304z" fill="url(#g)" opacity=".9"/>
-  </g>
-</svg>

browser/base/content/test/protectionsUI/browser_protectionsUI_milestones.js

@@ -36,11 +36,9 @@ add_task(async function doTest() {
       "browser.contentblocking.cfr-milestone.milestone-achieved",
       milestone
     );
-
     await TestUtils.waitForCondition(
       () => gProtectionsHandler._milestoneTextSet
     );
-
     // We set the shown-time pref to pretend that the CFR has been
     // shown, so that we can test the panel.
     // TODO: Full integration test for robustness.
@@ -48,7 +46,6 @@ add_task(async function doTest() {
       "browser.contentblocking.cfr-milestone.milestone-shown-time",
       Date.now().toString()
     );
-
     await openProtectionsPanel();
 
     ok(

browser/base/content/test/static/browser_all_files_referenced.js

@@ -52,11 +52,6 @@ var gExceptionPaths = [
   // Exclude all services-automation because they are used through webdriver
   "resource://gre/modules/services-automation/",
   "resource://services-automation/ServicesAutomation.jsm",
-
-  // Bug 1550165 - Exclude localized App/Play store badges. These badges
-  // are displayed in a promo area on the first load of about:logins.
-  "chrome://browser/content/aboutlogins/third-party/app-store/",
-  "chrome://browser/content/aboutlogins/third-party/play-store/",
 ];
 
 // These are not part of the omni.ja file, so we find them only when running

browser/base/jar.mn

@@ -14,7 +14,6 @@ browser.jar:
         content/browser/aboutRobots.js                (content/aboutRobots.js)
         content/browser/aboutRobots.css               (content/aboutRobots.css)
         content/browser/logos/etp-mobile.svg          (content/logos/etp-mobile.svg)
-        content/browser/logos/lockwise-mobile.svg     (content/logos/lockwise-mobile.svg)
         content/browser/logos/lockwise.svg            (content/logos/lockwise.svg)
         content/browser/logos/monitor.svg             (content/logos/monitor.svg)
         content/browser/logos/proxy-light.svg         (content/logos/proxy-light.svg)

browser/components/BrowserGlue.jsm

@@ -148,13 +148,10 @@ let JSWINDOWACTORS = {
         AboutLoginsCreateLogin: { wantUntrusted: true },
         AboutLoginsDeleteLogin: { wantUntrusted: true },
         AboutLoginsDismissBreachAlert: { wantUntrusted: true },
-        AboutLoginsHideFooter: { wantUntrusted: true },
         AboutLoginsImportFromBrowser: { wantUntrusted: true },
         AboutLoginsImportFromFile: { wantUntrusted: true },
         AboutLoginsInit: { wantUntrusted: true },
         AboutLoginsGetHelp: { wantUntrusted: true },
-        AboutLoginsOpenMobileAndroid: { wantUntrusted: true },
-        AboutLoginsOpenMobileIos: { wantUntrusted: true },
         AboutLoginsOpenPreferences: { wantUntrusted: true },
         AboutLoginsOpenSite: { wantUntrusted: true },
         AboutLoginsRecordTelemetryEvent: { wantUntrusted: true },

browser/components/aboutlogins/AboutLoginsChild.jsm

@@ -132,10 +132,6 @@ class AboutLoginsChild extends JSWindowActorChild {
         this.sendAsyncMessage("AboutLogins:GetHelp");
         break;
       }
-      case "AboutLoginsHideFooter": {
-        this.sendAsyncMessage("AboutLogins:HideFooter");
-        break;
-      }
       case "AboutLoginsImportFromBrowser": {
         this.sendAsyncMessage("AboutLogins:Import");
         recordTelemetryEvent({
@@ -152,18 +148,6 @@ class AboutLoginsChild extends JSWindowActorChild {
         });
         break;
       }
-      case "AboutLoginsOpenMobileAndroid": {
-        this.sendAsyncMessage("AboutLogins:OpenMobileAndroid", {
-          source: event.detail,
-        });
-        break;
-      }
-      case "AboutLoginsOpenMobileIos": {
-        this.sendAsyncMessage("AboutLogins:OpenMobileIos", {
-          source: event.detail,
-        });
-        break;
-      }
       case "AboutLoginsOpenPreferences": {
         this.sendAsyncMessage("AboutLogins:OpenPreferences");
         recordTelemetryEvent({

browser/components/aboutlogins/AboutLoginsParent.jsm

@@ -60,7 +60,6 @@ const ABOUT_LOGINS_ORIGIN = "about:logins";
 const MASTER_PASSWORD_NOTIFICATION_ID = "master-password-login-required";
 const PASSWORD_SYNC_NOTIFICATION_ID = "enable-password-sync";
 
-const HIDE_MOBILE_FOOTER_PREF = "signon.management.page.hideMobileFooter";
 const SHOW_PASSWORD_SYNC_NOTIFICATION_PREF =
   "signon.management.page.showPasswordSyncNotification";
 
@@ -68,123 +67,6 @@ const SHOW_PASSWORD_SYNC_NOTIFICATION_PREF =
 // even if it is disabled for other consumers such as about:newtab.
 const EXPECTED_ABOUTLOGINS_REMOTE_TYPE = E10SUtils.PRIVILEGEDABOUT_REMOTE_TYPE;
 
-// App store badges sourced from https://developer.apple.com/app-store/marketing/guidelines/#section-badges.
-// This array mirrors the file names from the App store directory (./content/third-party/app-store)
-const APP_STORE_LOCALES = [
-  "az",
-  "ar",
-  "bg",
-  "cs",
-  "da",
-  "de",
-  "el",
-  "en",
-  "es-mx",
-  "es",
-  "et",
-  "fi",
-  "fr",
-  "he",
-  "hu",
-  "id",
-  "it",
-  "ja",
-  "ko",
-  "lt",
-  "lv",
-  "my",
-  "nb",
-  "nl",
-  "nn",
-  "pl",
-  "pt-br",
-  "pt-pt",
-  "ro",
-  "ru",
-  "si",
-  "sk",
-  "sv",
-  "th",
-  "tl",
-  "tr",
-  "vi",
-  "zh-hans",
-  "zh-hant",
-];
-
-// Google play badges sourced from https://play.google.com/intl/en_us/badges/
-// This array mirrors the file names from the play store directory (./content/third-party/play-store)
-const PLAY_STORE_LOCALES = [
-  "af",
-  "ar",
-  "az",
-  "be",
-  "bg",
-  "bn",
-  "bs",
-  "ca",
-  "cs",
-  "da",
-  "de",
-  "el",
-  "en",
-  "es",
-  "et",
-  "eu",
-  "fa",
-  "fr",
-  "gl",
-  "gu",
-  "he",
-  "hi",
-  "hr",
-  "hu",
-  "hy",
-  "id",
-  "is",
-  "it",
-  "ja",
-  "ka",
-  "kk",
-  "km",
-  "kn",
-  "ko",
-  "lo",
-  "lt",
-  "lv",
-  "mk",
-  "mr",
-  "ms",
-  "my",
-  "nb",
-  "ne",
-  "nl",
-  "nn",
-  "pa",
-  "pl",
-  "pt-br",
-  "pt",
-  "ro",
-  "ru",
-  "si",
-  "sk",
-  "sl",
-  "sq",
-  "sr",
-  "sv",
-  "ta",
-  "te",
-  "th",
-  "tl",
-  "tr",
-  "uk",
-  "ur",
-  "uz",
-  "vi",
-  "zh-cn",
-  "zh-tw",
-];
-
 const convertSubjectToLogin = subject => {
   subject.QueryInterface(Ci.nsILoginMetaInfo).QueryInterface(Ci.nsILoginInfo);
   const login = LoginHelper.loginToVanillaObject(subject);
@@ -265,10 +147,6 @@ class AboutLoginsParent extends JSWindowActorParent {
         Services.logins.removeLogin(login);
         break;
       }
-      case "AboutLogins:HideFooter": {
-        Services.prefs.setBoolPref(HIDE_MOBILE_FOOTER_PREF, true);
-        break;
-      }
       case "AboutLogins:SortChanged": {
         Services.prefs.setCharPref("signon.management.page.sort", message.data);
         break;
@@ -300,31 +178,6 @@ class AboutLoginsParent extends JSWindowActorParent {
         });
         break;
       }
-      case "AboutLogins:OpenMobileAndroid": {
-        const MOBILE_ANDROID_URL_PREF =
-          "signon.management.page.mobileAndroidURL";
-        const linkTrackingSource = message.data.source;
-        let MOBILE_ANDROID_URL = Services.prefs.getStringPref(
-          MOBILE_ANDROID_URL_PREF
-        );
-        // Append the `utm_creative` query parameter value:
-        MOBILE_ANDROID_URL += linkTrackingSource;
-        ownerGlobal.openWebLinkIn(MOBILE_ANDROID_URL, "tab", {
-          relatedToCurrent: true,
-        });
-        break;
-      }
-      case "AboutLogins:OpenMobileIos": {
-        const MOBILE_IOS_URL_PREF = "signon.management.page.mobileAppleURL";
-        const linkTrackingSource = message.data.source;
-        let MOBILE_IOS_URL = Services.prefs.getStringPref(MOBILE_IOS_URL_PREF);
-        // Append the `utm_creative` query parameter value:
-        MOBILE_IOS_URL += linkTrackingSource;
-        ownerGlobal.openWebLinkIn(MOBILE_IOS_URL, "tab", {
-          relatedToCurrent: true,
-        });
-        break;
-      }
       case "AboutLogins:OpenPreferences": {
         ownerGlobal.openPreferences("privacy-logins");
         break;
@@ -392,25 +245,6 @@ class AboutLoginsParent extends JSWindowActorParent {
             AboutLogins.updatePasswordSyncNotificationState(syncState);
           }
 
-          const playStoreBadgeLanguage = Services.locale.negotiateLanguages(
-            Services.locale.appLocalesAsBCP47,
-            PLAY_STORE_LOCALES,
-            "en-us",
-            Services.locale.langNegStrategyLookup
-          )[0];
-
-          const appStoreBadgeLanguage = Services.locale.negotiateLanguages(
-            Services.locale.appLocalesAsBCP47,
-            APP_STORE_LOCALES,
-            "en-us",
-            Services.locale.langNegStrategyLookup
-          )[0];
-
-          const selectedBadgeLanguages = {
-            appStoreBadgeLanguage,
-            playStoreBadgeLanguage,
-          };
-
           let selectedSort = Services.prefs.getCharPref(
             "signon.management.page.sort",
             "name"
@@ -424,7 +258,6 @@ class AboutLoginsParent extends JSWindowActorParent {
             logins,
             selectedSort,
             syncState,
-            selectedBadgeLanguages,
             masterPasswordEnabled: LoginHelper.isMasterPasswordSet(),
             passwordRevealVisible: Services.policies.isAllowed(
               "passwordReveal"
@@ -958,16 +791,10 @@ var AboutLogins = {
     // by other more Sync-specific pages.
     const loggedIn = state.status != UIState.STATUS_NOT_CONFIGURED;
 
-    // Pass the pref set if user has dismissed mobile promo footer
-    const dismissedMobileFooter = Services.prefs.getBoolPref(
-      HIDE_MOBILE_FOOTER_PREF
-    );
-
     return {
       loggedIn,
       email: state.email,
       avatarURL: state.avatarURL,
-      hideMobileFooter: !loggedIn || dismissedMobileFooter,
       fxAccountsEnabled: FXA_ENABLED,
     };
   },

browser/components/aboutlogins/content/aboutLogins.html

@@ -16,7 +16,6 @@
     <script type="module" src="chrome://browser/content/aboutlogins/components/fxaccounts-button.js"></script>
     <script type="module" src="chrome://browser/content/aboutlogins/components/login-filter.js"></script>
     <script type="module" src="chrome://browser/content/aboutlogins/components/login-intro.js"></script>
-    <script type="module" src="chrome://browser/content/aboutlogins/components/login-footer.js"></script>
     <script type="module" src="chrome://browser/content/aboutlogins/components/login-item.js"></script>
     <script type="module" src="chrome://browser/content/aboutlogins/components/login-list.js"></script>
     <script type="module" src="chrome://browser/content/aboutlogins/components/login-list-item.js"></script>
@@ -256,7 +255,6 @@
             <p class="time-changed meta-info" data-l10n-id="login-item-time-changed" data-l10n-args='{"timeChanged": 0}'></p>
             <p class="time-used meta-info" data-l10n-id="login-item-time-used" data-l10n-args='{"timeUsed": 0}'></p>
           </form>
-          <login-footer hidden></login-footer>
         </div>
       </div>
     </template>
@@ -281,30 +279,8 @@
         <button role="menuitem" class="menuitem-button menuitem-preferences ghost-button" data-event-name="AboutLoginsOpenPreferences" data-l10n-id="menu-menuitem-preferences"></button>
         <hr role="separator" class="menuitem-separator"></hr>
         <button role="menuitem" class="menuitem-button menuitem-help ghost-button" data-event-name="AboutLoginsGetHelp" data-l10n-id="about-logins-menu-menuitem-help"></button>
-        <hr role="separator" class="menuitem-separator"></hr>
-        <button role="menuitem" class="menuitem-button menuitem-mobile menuitem-mobile-android ghost-button" data-event-name="AboutLoginsOpenMobileAndroid" data-l10n-id="menu-menuitem-android-app"></button>
-        <button role="menuitem" class="menuitem-button menuitem-mobile menuitem-mobile-ios ghost-button" data-event-name="AboutLoginsOpenMobileIos" data-l10n-id="menu-menuitem-iphone-app"></button>
       </ul>
     </template>
 
-    <template id="login-footer-template">
-      <link rel="stylesheet" href="chrome://global/skin/in-content/common.css">
-      <link rel="stylesheet" href="chrome://browser/content/aboutlogins/components/login-footer.css">
-      <footer>
-        <p>
-          <strong data-l10n-id="login-app-promo-title"></strong><br>
-          <span data-l10n-id="login-app-promo-subtitle"></span>
-        </p>
-        <div class="buttons">
-          <button class="app-store" data-event-name="AboutLoginsOpenMobileIos">
-            <img class="image-app-store" data-l10n-id="login-app-promo-apple" src="" alt=""/>
-          </button>
-          <button class="play-store" data-event-name="AboutLoginsOpenMobileAndroid">
-            <img class="image-play-store" data-l10n-id="login-app-promo-android" src="" alt=""/>
-          </button>
-        </div>
-        <button class="close" data-event-name="AboutLoginsHideFooter"></button>
-      </footer>
-    </template>
   </body>
 </html>

browser/components/aboutlogins/content/aboutLogins.js

@@ -15,10 +15,6 @@ const gElements = {
   loginIntro: document.querySelector("login-intro"),
   loginItem: document.querySelector("login-item"),
   loginFilter: document.querySelector("login-filter"),
-  // loginFooter is nested inside of loginItem
-  get loginFooter() {
-    return this.loginItem.shadowRoot.querySelector("login-footer");
-  },
 };
 
 let numberOfLogins = 0;
@@ -37,7 +33,6 @@ function handleAllLogins(logins) {
 
 function handleSyncState(syncState) {
   gElements.fxAccountsButton.updateState(syncState);
-  gElements.loginFooter.hidden = syncState.hideMobileFooter;
   gElements.loginIntro.updateState(syncState);
 }
 
@@ -93,9 +88,6 @@ window.addEventListener("AboutLoginsChromeToContent", event => {
     }
     case "Setup": {
       handleAllLogins(event.detail.value.logins);
-      gElements.loginFooter.showStoreIconsForLocales(
-        event.detail.value.selectedBadgeLanguages
-      );
       handleSyncState(event.detail.value.syncState);
       gElements.loginList.setSortDirection(event.detail.value.selectedSort);
       document.documentElement.classList.add("initialized");

browser/components/aboutlogins/content/components/login-footer.css

@@ -1,70 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-footer {
-  background-color: var(--in-content-box-background);
-  border-radius: 4px;
-  box-shadow: var(--shadow-10);
-  position: relative;
-  padding-block: 8px;
-  padding-inline: 40px;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  margin-block: 20px;
-}
-
-footer > p {
-  display: inline-block;
-  line-height: 1.5;
-  margin: 0;
-  margin-inline-end: auto;
-}
-
-footer > .buttons {
-  display: inline-block;
-}
-
-footer button {
-  background-color: transparent !important; /* override common.css */
-  padding: 0;
-  cursor: pointer;
-  vertical-align: middle;
-}
-
-footer .app-store {
-  margin-inline-start: 0;
-}
-
-footer button:not(.close) img {
-  width: auto;
-  display: block;
-}
-
-footer .app-store img {
-  height: 40px;
-  padding: 10px;
-}
-
-footer .play-store img {
-  height: 60px;
-}
-
-footer .close {
-  -moz-context-properties: fill, fill-opacity;
-  background-image: url("chrome://global/skin/icons/close.svg");
-  background-repeat: no-repeat;
-  background-position: center;
-  cursor: pointer;
-  display: block;
-  fill: currentColor;
-  fill-opacity: 0;
-  height: 16px;
-  min-height: auto;
-  position: absolute;
-  inset-inline-end: 12px;
-  top: 12px;
-  width: 16px;
-  min-width: auto;
-}

browser/components/aboutlogins/content/components/login-footer.js

@@ -1,75 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-export default class LoginFooter extends HTMLElement {
-  connectedCallback() {
-    if (this.shadowRoot) {
-      return;
-    }
-
-    let LoginFooterTemplate = document.querySelector("#login-footer-template");
-    let shadowRoot = this.attachShadow({ mode: "open" });
-    document.l10n.connectRoot(shadowRoot);
-    shadowRoot.appendChild(LoginFooterTemplate.content.cloneNode(true));
-
-    this.shadowRoot.querySelector(".app-store").addEventListener("click", this);
-    this.shadowRoot
-      .querySelector(".play-store")
-      .addEventListener("click", this);
-    this.shadowRoot.querySelector(".close").addEventListener("click", this);
-    this._imageAppStore = shadowRoot.querySelector(".image-app-store");
-    this._imagePlayStore = shadowRoot.querySelector(".image-play-store");
-  }
-
-  handleEvent(event) {
-    switch (event.type) {
-      case "click": {
-        let target = event.currentTarget;
-        let classList = target.classList;
-
-        if (
-          classList.contains("play-store") ||
-          classList.contains("app-store") ||
-          classList.contains("close")
-        ) {
-          let eventName = target.dataset.eventName;
-          const linkTrackingSource = "Footer_Menu";
-          document.dispatchEvent(
-            new CustomEvent(eventName, {
-              bubbles: true,
-              detail: linkTrackingSource,
-            })
-          );
-
-          if (classList.contains("close")) {
-            this.shadowRoot.host.hidden = true;
-          }
-        }
-        break;
-      }
-    }
-  }
-
-  _setAppStoreImage(lang) {
-    let appStoreLink =
-      "chrome://browser/content/aboutlogins/third-party/app-store/app_" +
-      lang +
-      ".png";
-    this._imageAppStore.setAttribute("src", appStoreLink);
-  }
-
-  _setPlayStoreImage(lang) {
-    let playStoreLink =
-      "chrome://browser/content/aboutlogins/third-party/play-store/play_" +
-      lang +
-      ".png";
-    this._imagePlayStore.setAttribute("src", playStoreLink);
-  }
-
-  showStoreIconsForLocales(appLocales) {
-    this._setAppStoreImage(appLocales.appStoreBadgeLanguage);
-    this._setPlayStoreImage(appLocales.playStoreBadgeLanguage);
-  }
-}
-customElements.define("login-footer", LoginFooter);

browser/components/aboutlogins/content/components/login-item.css

@@ -50,12 +50,10 @@ form {
 
 :host([data-editing]) .edit-button,
 :host([data-editing]) .copy-button,
-:host([data-editing]) login-footer,
 :host([data-is-new-login].no-logins) .cancel-button,
 :host([data-is-new-login]) .delete-button,
 :host([data-is-new-login]) .origin-saved-value,
 :host([data-is-new-login]) .meta-info,
-:host([data-is-new-login]) login-footer,
 :host([data-is-new-login]) .login-item-title,
 :host(:not([data-is-new-login])) .new-login-title,
 :host(:not([data-editing])) .form-actions-row {

browser/components/aboutlogins/content/components/menu-button.css

@@ -81,11 +81,3 @@
 .menuitem-preferences {
   background-image: url("chrome://global/skin/icons/settings.svg");
 }
-
-.menuitem-mobile-ios {
-  background-image: url("chrome://browser/skin/logo-ios.svg");
-}
-
-.menuitem-mobile-android {
-  background-image: url("chrome://browser/skin/logo-android.svg");
-}

browser/components/aboutlogins/content/third-party/LICENSE

@@ -1,2 +0,0 @@
-// The image files in this folder are trademarks of Google and Apple.
-// Google and Apple's trademark policies govern their use.