Direct Win 8.1 / macOs 10.14 users to ESR for FF release channel (Fixes

#13317)
mozilla · Jul 17, 2023 · 62eb1fb · 62eb1fb
1 parent b38747a
commit 62eb1fb
Show file tree

Hide file tree

Showing 30 changed files with 609 additions and 245 deletions.
diff --git a/bedrock/firefox/templates/firefox/browsers/windows-64-bit.html b/bedrock/firefox/templates/firefox/browsers/windows-64-bit.html
@@ -25,7 +25,7 @@
 {% endblock %}
 
 {% block content %}
-  <div class="c-hero">
+  <div class="c-hero mzp-t-dark">
     <div class="hero-content">
       <div class="mzp-c-logo mzp-t-logo-md mzp-t-product-firefox"></div>
       <p>{{ ftl('windows-64-bit-64-bit') }}</p>

diff --git a/bedrock/firefox/templates/firefox/features/safebrowser.html b/bedrock/firefox/templates/firefox/features/safebrowser.html
@@ -25,7 +25,7 @@
 {% endblock %}
 
 {% block content %}
-<div class="c-hero">
+<div class="c-hero mzp-t-dark">
   <div class="hero-content">
     <div class="mzp-c-logo mzp-t-logo-md mzp-t-product-firefox"></div>
     <p>Internet Security</p>

diff --git a/bedrock/firefox/templates/firefox/home/index-master.html b/bedrock/firefox/templates/firefox/home/index-master.html
@@ -134,7 +134,7 @@ <h4>{{ ftl('firefox-home-get-trackers-off') }}</h4>
       <div id="test-menu-browsers-wrapper" class="mzp-c-menu-list mzp-t-cta mzp-t-download">
         <h5 class="mzp-c-menu-list-title">{{ ftl('firefox-home-download-the-browser') }}</h5>
         <ul class="mzp-c-menu-list-list" id="menu-browsers">
-          {# Old IE users need to click a download button, the JS on the thank you page doesn't get them the right download if we send them there directly #}
+          {# Direct legacy IE users to the /new/ page where they can read EOL messaging see issue 13317 #}
           <!--[if IE]>
             <li class="mzp-c-menu-list-item menu-desktop"><a href="{{ url('firefox.new') }}" data-cta-type="link" data-cta-text="Firefox Desktop">{{ ftl('firefox-home-desktop') }}</a></li>
           <![endif]-->

diff --git a/bedrock/firefox/templates/firefox/includes/download-button-thanks.html b/bedrock/firefox/templates/firefox/includes/download-button-thanks.html
@@ -5,9 +5,8 @@
 #}
 
 <div id="{{ id }}" class="mzp-c-button-download-container c-button-download-thanks">
-  <!--[if !IE]><!-->
   <a href="{{ transition_url }}"
-     class="download-link mzp-c-button mzp-t-product {% if button_class %}{{ button_class }}{% else %}mzp-t-xl{% endif %}"
+     class="download-link c-button-download-thanks-link mzp-c-button mzp-t-product {% if button_class %}{{ button_class }}{% else %}mzp-t-xl{% endif %}"
      data-direct-link="{{ download_link_direct }}"
      data-link-type="download"
      {% if download_location %}data-download-location="{{ download_location }}"{% endif %}>
@@ -17,21 +16,9 @@
       {{ ftl('download-button-download-firefox') }}
     {% endif %}
   </a>
-  <!--<![endif]-->
 
-  {# legacy IE visitors get a direct download link instead of going to /thanks. #}
-  <!--[if IE]>
-    <a href="{{ download_link_direct|safe }}"
-      class="download-link mzp-c-button mzp-t-product {% if button_class %}{{ button_class }}{% else %}mzp-t-xl{% endif %}"
-      data-link-type="download" data-download-os="Desktop" data-display-name="Windows 32-bit" data-download-version="win"
-      {% if download_location %}data-download-location="{{ download_location }}"{% endif %}>
-      {% if alt_copy %}
-        {{ alt_copy }}
-      {% else %}
-        {{ ftl('download-button-download-firefox') }}
-      {% endif %}
-    </a>
-  <![endif]-->
+  {# ESR download buttons to display on unsupported systems: issue 13317 #}
+  {% include 'firefox/includes/download-unsupported.html' %}
 
   <small class="mzp-c-button-download-privacy-link">
     <a href="{{ url('privacy.notices.firefox') }}">

diff --git a/bedrock/firefox/templates/firefox/includes/download-button.html b/bedrock/firefox/templates/firefox/includes/download-button.html
@@ -51,45 +51,8 @@
       {{ alt_buttons(builds) }}
     </div>
 
-    {% if channel == 'beta' %}
-      {% set channel_name = 'Firefox Beta' %}
-    {% elif channel == 'alpha' %}
-      {% set channel_name = 'Firefox Developer Edition' %}
-    {% elif channel == 'nightly' %}
-      {% set channel_name = 'Firefox Nightly' %}
-    {% else %}
-      {% set channel_name = 'Firefox' %}
-    {% endif %}
-
-    <div class="fx-unsupported-message win" data-nosnippet="true">
-      <p><strong>{{ ftl('download-button-unsupported-platform', channel_name=channel_name, help_url='https://support.mozilla.org/kb/firefox-users-windows-7-8-and-81-moving-extended-support', os_version='Windows 8.1') }}</strong></p>
-      <p>{{ ftl('download-button-please-download-esr') }}</p>
-      <ul class="download-platform-list">
-        <li>
-          <a class="mzp-c-button mzp-t-product download-link" href="https://download.mozilla.org/?product=firefox-esr-next-latest-ssl&os=win64&lang={{ LANG }}" data-link-type="download" data-download-os="Desktop" data-download-version="win64" data-display-name="Firefox Extended Support Release">
-            {{ ftl('download-firefox-esr-64') }}
-          </a>
-        </li>
-        <li>
-          <a class="mzp-c-button mzp-t-product download-link" href="https://download.mozilla.org/?product=firefox-esr-next-latest-ssl&os=win&lang={{ LANG }}" data-link-type="download" data-download-os="Desktop" data-download-version="win" data-display-name="Firefox Extended Support Release">
-            {{ ftl('download-firefox-esr-32') }}
-          </a>
-        </li>
-      </ul>
-    </div>
-
-    <div class="fx-unsupported-message mac" data-nosnippet="true">
-      <p><strong>{{ ftl('download-button-unsupported-platform', channel_name=channel_name, help_url='https://support.mozilla.org/kb/firefox-users-macos-1012-1013-1014-moving-to-extended-support', os_version='macOS 10.14') }}</strong></p>
-      <p>{{ ftl('download-button-please-download-esr') }}</p>
-
-      <ul class="download-platform-list">
-        <li>
-          <a class="mzp-c-button mzp-t-product download-link" href="https://download.mozilla.org/?product=firefox-esr-next-latest-ssl&os=osx&lang={{ LANG }}" data-link-type="download" data-download-os="Desktop" data-download-version="osx" data-display-name="Firefox Extended Support Release">
-            {{ ftl('download-firefox-esr') }}
-          </a>
-        </li>
-      </ul>
-    </div>
+    {# ESR download buttons to display on unsupported systems: issue 13317 #}
+    {% include 'firefox/includes/download-unsupported.html' %}
   {% endif %}
   <ul class="download-list">
     {% for plat in builds %}

diff --git a/bedrock/firefox/templates/firefox/includes/download-unsupported.html b/bedrock/firefox/templates/firefox/includes/download-unsupported.html
@@ -0,0 +1,49 @@
+{#
+  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 https://mozilla.org/MPL/2.0/.
+#}
+
+{% if channel == 'beta' %}
+  {% set channel_name = 'Firefox Beta' %}
+{% elif channel == 'alpha' %}
+  {% set channel_name = 'Firefox Developer Edition' %}
+{% elif channel == 'nightly' %}
+  {% set channel_name = 'Firefox Nightly' %}
+{% else %}
+  {% set channel_name = 'Firefox' %}
+{% endif %}
+
+<div class="fx-unsupported-message win" data-nosnippet="true">
+  <p><strong>{{ ftl('download-button-unsupported-platform', channel_name=channel_name, help_url='https://support.mozilla.org/kb/firefox-users-windows-7-8-and-81-moving-extended-support', os_version='Windows 8.1') }}</strong></p>
+  <p>{{ ftl('download-button-please-download-esr') }}</p>
+  <div class="download-platform-list">
+    <p>
+      <a class="mzp-c-button mzp-t-product download-link os_win64" href="https://download.mozilla.org/?product=firefox-esr-next-latest-ssl&os=win64&lang={{ LANG }}" data-link-type="download" data-download-os="Desktop" data-download-version="win64" data-display-name="Firefox Extended Support Release">
+        {{ ftl('download-firefox-esr-64') }}
+      </a>
+    </p>
+    <p>
+      <a class="mzp-c-button mzp-t-product download-link os_win" href="https://download.mozilla.org/?product=firefox-esr-next-latest-ssl&os=win&lang={{ LANG }}" data-link-type="download" data-download-os="Desktop" data-download-version="win" data-display-name="Firefox Extended Support Release">
+        {{ ftl('download-firefox-esr-32') }}
+      </a>
+    </p>
+
+    <small class="fx-unsupported-message-all-link">
+      <a href="{{ url('firefox.all') }}#product-desktop-esr">
+        {{ ftl('download-a-different-build') }}
+      </a>
+    </small>
+  </div>
+</div>
+
+<div class="fx-unsupported-message mac" data-nosnippet="true">
+  <p><strong>{{ ftl('download-button-unsupported-platform', channel_name=channel_name, help_url='https://support.mozilla.org/kb/firefox-users-macos-1012-1013-1014-moving-to-extended-support', os_version='macOS 10.14') }}</strong></p>
+  <p>{{ ftl('download-button-please-download-esr') }}</p>
+
+  <div class="download-platform-list">
+    <a class="mzp-c-button mzp-t-product download-link" href="https://download.mozilla.org/?product=firefox-esr-next-latest-ssl&os=osx&lang={{ LANG }}" data-link-type="download" data-download-os="Desktop" data-download-version="osx" data-display-name="Firefox Extended Support Release">
+      {{ ftl('download-firefox-esr') }}
+    </a>
+  </div>
+</div>
diff --git a/bedrock/firefox/templates/firefox/new/basic/base_download.html b/bedrock/firefox/templates/firefox/new/basic/base_download.html
@@ -54,12 +54,6 @@
 
 {% block content %}
 <main class="main-download" {% if v %}data-variant="{{ v }}"{% endif %}>
-
-  {# Show unsupported notification to IE 6/7 visitors on Windows XP/Vista #}
-  <!--[if lt IE 8]>
-  <div class="mzp-c-notification-bar mzp-t-warning" data-nosnippet="true">{{ ftl('firefox-new-mozilla-no-longer-provides', fallback='firefox-new-youre-using-an-insecure-outdated', url='https://support.mozilla.org/kb/end-support-windows-xp-and-vista') }}</div>
-  <![endif]-->
-
   {% call split(
     block_class='mzp-l-split-center-on-sm-md t-split-hero',
     media_class='mzp-l-split-media-overflow',

diff --git a/bedrock/firefox/templates/firefox/new/desktop/download.html b/bedrock/firefox/templates/firefox/new/desktop/download.html
@@ -61,12 +61,6 @@
 {% set show_mr106_browser_promo = switch('download-firefox-mr106-promo', ['en-US', 'en-CA', 'en-GB', 'fr', 'de']) %}
 
 <main class="main-download" {% if v %}data-variant="{{ v }}"{% endif %}>
-
-  {# Show unsupported notification to IE 6/7 visitors on Windows XP/Vista #}
-  <!--[if lt IE 8]>
-  <div class="mzp-c-notification-bar mzp-t-warning" data-nosnippet="true">{{ ftl('firefox-desktop-download-mozilla-no-longer-provides', fallback='firefox-desktop-download-youre-using-an-insecure-outdated', url='https://support.mozilla.org/kb/end-support-windows-xp-and-vista') }}</div>
-  <![endif]-->
-
   <section id="desktop-banner" class="c-block t-intro show-else mzp-has-media-hide-on-sm">
     <div class="c-block-container">
       <div class="c-block-body">

diff --git a/l10n/en/download_button.ftl b/l10n/en/download_button.ftl
@@ -54,3 +54,4 @@ download-button-please-download-esr = Please download { -brand-name-firefox-esr
 download-firefox-esr = Download { -brand-name-firefox-esr }
 download-firefox-esr-32 = Download { -brand-name-firefox-esr } 32-bit
 download-firefox-esr-64 = Download { -brand-name-firefox-esr } 64-bit
+download-a-different-build = Download a different build
diff --git a/media/css/firefox/browsers-products.scss b/media/css/firefox/browsers-products.scss
@@ -296,6 +296,16 @@ $url-download-link-hover: svg-url($download-link-hover);
     }
 }
 
+// issue 13317
+.fx-unsupported .cta-download[data-download-os="Desktop"]{
+    display: none;
+}
+
+// issue 13317
+.fx-unsupported .menu-desktop {
+    display: none;
+}
+
 // * -------------------------------------------------------------------------- */
 // Mobile download links, show app store links when user is on mobile
 

diff --git a/media/css/firefox/challenge-the-default/_hero.scss b/media/css/firefox/challenge-the-default/_hero.scss
@@ -194,8 +194,6 @@ $campaign-red: #ff6a75;
             max-width: 80%;
         }
 
-
-
         h1 {
             @include font-firefox;
             @include font-size(36px);
@@ -231,4 +229,9 @@ $campaign-red: #ff6a75;
             }
         }
     }
+
+    // issue 13317
+    .fx-unsupported-message {
+        @include bidi(((text-align, left, right),));
+    }
 }
diff --git a/media/css/firefox/developer/includes/intro.scss b/media/css/firefox/developer/includes/intro.scss
@@ -19,10 +19,6 @@
         margin-left: auto;
         margin-right: auto;
     }
-
-    .fx-unsupported-message {
-        text-align: center;
-    }
 }
 
 .intro-title {

diff --git a/media/css/firefox/home/master.scss b/media/css/firefox/home/master.scss
@@ -36,6 +36,11 @@ $brand-theme: 'firefox';
             color: $color-marketing-gray-50;
         }
     }
+
+    // issue 13317
+    .fx-unsupported & .menu-desktop {
+        display: none;
+    }
 }
 
 // ------------------------------------------------------------------------------

diff --git a/media/css/firefox/new/basic/ie.scss b/media/css/firefox/new/basic/ie.scss
@@ -7,3 +7,10 @@ $image-path: '/media/protocol/img';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 @import '../../../protocol/components/navigation-ie';
+@import '../../../protocol/components/fx-unsupported-ie';
+
+@media #{$mq-md} {
+    .fx-unsupported-message {
+        @include bidi(((text-align, left, right),));
+    }
+}
diff --git a/media/css/firefox/new/common/thanks-messaging.scss b/media/css/firefox/new/common/thanks-messaging.scss
@@ -31,6 +31,18 @@ $image-path: '/media/protocol/img';
         .show-auto-download-notification {
             display: block !important;
         }
+
+        // issue 13317
+        &.fx-unsupported {
+            .show-mac,
+            .show-auto-download-notification {
+                display: none !important;
+            }
+
+            .show-unknown {
+                display: block !important;
+            }
+        }
     }
 
     &.windows {
@@ -44,6 +56,18 @@ $image-path: '/media/protocol/img';
                 display: block !important;
             }
         }
+
+        // issue 13317
+        &.fx-unsupported {
+            .show-windows,
+            .show-auto-download-notification {
+                display: none !important;
+            }
+
+            .show-unknown {
+                display: block !important;
+            }
+        }
     }
 
     &.linux {

diff --git a/media/css/firefox/new/desktop/download.scss b/media/css/firefox/new/desktop/download.scss
@@ -619,6 +619,10 @@ button.mzp-c-cta-link {
         max-width: $content-xl + $layout-xl * 2;
     }
 
+    .c-block-body > p {
+        margin-bottom: $v-grid-md;
+    }
+
     [lang='ar'] & h2 {
         @include font-size(40px);
     }
@@ -627,8 +631,9 @@ button.mzp-c-cta-link {
         margin-bottom: $v-grid-md;
     }
 
-    p {
-        margin-bottom: $v-grid-md;
+    // issue 13317
+    .fx-unsupported-message {
+        @include bidi(((text-align, left, right),));
     }
 }
 
@@ -1194,10 +1199,6 @@ button.mzp-c-cta-link {
             text-align: left;
         }
     }
-
-    p {
-        margin-bottom: 0;
-    }
 }
 
 // --------------------------------------------------------------------------

diff --git a/media/css/firefox/new/desktop/ie8.scss b/media/css/firefox/new/desktop/ie8.scss
@@ -7,6 +7,7 @@ $image-path: '/media/protocol/img';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 @import '../../../protocol/components/navigation-ie';
+@import '../../../protocol/components/fx-unsupported-ie';
 
 $h-grid-lg: 80px;
 

diff --git a/media/css/firefox/new/desktop/ie9.scss b/media/css/firefox/new/desktop/ie9.scss
@@ -6,6 +6,7 @@ $font-path: '/media/protocol/fonts';
 $image-path: '/media/protocol/img';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
+@import '../../../protocol/components/fx-unsupported-ie';
 
 .c-menu-item .c-menu-item-desc {
     display: none;

diff --git a/media/css/firefox/releasenotes.scss b/media/css/firefox/releasenotes.scss
@@ -14,12 +14,6 @@ $image-path: '/media/protocol/img';
 // * -------------------------------------------------------------------------- */
 // Call out / page header
 
-
-// Fx unsupported message issue #13317
-.mzp-c-call-out .fx-unsupported-message {
-    text-align: center;
-}
-
 .mzp-c-call-out.mzp-t-product-firefox,
 .mzp-c-call-out.mzp-t-product-beta {
     background: $color-marketing-gray-20;

diff --git a/media/css/mozorg/home/home-eu.scss b/media/css/mozorg/home/home-eu.scss
@@ -193,10 +193,6 @@ h4 {
     position: relative;
     text-align: center;
     z-index: 2;
-
-    p {
-        margin-bottom: 0;
-    }
 }
 
 .c-secondary-cta-title {
@@ -230,6 +226,17 @@ h4 {
     .c-secondary-cta-title {
         background-position: left 35px;
     }
+
+    .fx-unsupported .c-secondary-cta {
+        .fx-unsupported-message {
+            @include bidi(((text-align, left, right),));
+        }
+
+        .fx-privacy-link,
+        .mzp-c-button-download-privacy-link {
+            @include bidi(((text-align, left, right),));
+        }
+    }
 }
 
 @media #{$mq-xl} {