commit 0e63c3d8b4e4552a48a3ce9f98a6117ca27e4da7
parent b18c12ecd283e6cad094698e978952ae8066e802
Author: Erik Nordin <enordin@mozilla.com>
Date: Fri, 7 Nov 2025 13:12:33 +0000
Bug 1998466 - Remove Translations Beta Label from Desktop r=translations-reviewers,desktop-theme-reviewers,gregtatum,dao
This patch removes the "BETA" label from the
FullPageTranslationsPanel and SelectTranslationsPanel
in Firefox Desktop.
Differential Revision: https://phabricator.services.mozilla.com/D271426
Diffstat:
7 files changed, 2 insertions(+), 56 deletions(-)
diff --git a/browser/components/translations/content/fullPageTranslationsPanel.inc.xhtml b/browser/components/translations/content/fullPageTranslationsPanel.inc.xhtml
@@ -21,9 +21,6 @@
<html:h1 class="translations-panel-header-wrapper">
<html:span id="full-page-translations-panel-header"></html:span>
</html:h1>
- <hbox class="translations-panel-beta" role="image" aria-label="Beta">
- <image class="translations-panel-beta-icon"></image>
- </hbox>
<toolbarbutton id="translations-panel-settings"
class="panel-info-button translations-panel-settings-gear-icon"
data-l10n-id="translations-panel-settings-button"
diff --git a/browser/components/translations/content/selectTranslationsPanel.inc.xhtml b/browser/components/translations/content/selectTranslationsPanel.inc.xhtml
@@ -12,7 +12,7 @@
locationspecific="true"
orient="vertical">
<html:div role="document"
- aria-labelledby="select-translations-panel-header select-translations-panel-beta-icon-wrapper"
+ aria-labelledby="select-translations-panel-header"
aria-describedby="select-translations-panel-settings-button">
<hbox id="select-translations-panel-header-row"
class="panel-header select-translations-panel-content">
@@ -20,14 +20,6 @@
<html:span id="select-translations-panel-header" data-l10n-id="select-translations-panel-header">
</html:span>
</html:h1>
- <hbox id="select-translations-panel-beta-icon-wrapper"
- class="translations-panel-beta"
- role="image"
- aria-label="Beta">
- <image id="select-translations-panel-beta-icon"
- class="translations-panel-beta-icon">
- </image>
- </hbox>
<toolbarbutton id="select-translations-panel-settings-button"
class="panel-info-button translations-panel-settings-gear-icon"
data-l10n-id="translations-panel-settings-button"
diff --git a/browser/components/translations/content/selectTranslationsPanel.js b/browser/components/translations/content/selectTranslationsPanel.js
@@ -255,7 +255,6 @@ var SelectTranslationsPanel = new (class {
};
TranslationsPanelShared.defineLazyElements(document, this.#lazyElements, {
- betaIcon: "select-translations-panel-beta-icon",
cancelButton: "select-translations-panel-cancel-button",
copyButton: "select-translations-panel-copy-button",
doneButtonPrimary: "select-translations-panel-done-button-primary",
diff --git a/browser/components/translations/tests/browser/head.js b/browser/components/translations/tests/browser/head.js
@@ -3068,7 +3068,6 @@ class SelectTranslationsTestUtils {
SharedTranslationsTestUtils._assertPanelElementVisibility(
SelectTranslationsPanel.elements,
{
- betaIcon: false,
cancelButton: false,
copyButton: false,
doneButtonPrimary: false,
@@ -3143,7 +3142,6 @@ class SelectTranslationsTestUtils {
const isFullPageTranslationsRestrictedForPage =
TranslationsParent.isFullPageTranslationsRestrictedForPage(gBrowser);
SelectTranslationsTestUtils.#assertPanelElementVisibility({
- betaIcon: true,
copyButton: true,
doneButtonPrimary: true,
fromLabel: true,
@@ -3219,7 +3217,6 @@ class SelectTranslationsTestUtils {
await SelectTranslationsTestUtils.waitForPanelState("init-failure");
SelectTranslationsTestUtils.#assertPanelElementVisibility({
header: true,
- betaIcon: true,
cancelButton: true,
initFailureContent: true,
initFailureMessageBar: true,
@@ -3253,7 +3250,6 @@ class SelectTranslationsTestUtils {
await SelectTranslationsTestUtils.waitForPanelState("translation-failure");
SelectTranslationsTestUtils.#assertPanelElementVisibility({
header: true,
- betaIcon: true,
cancelButton: true,
fromLabel: true,
fromMenuList: true,
@@ -3315,7 +3311,6 @@ class SelectTranslationsTestUtils {
unsupportedLanguageMessageBar,
} = SelectTranslationsPanel.elements;
SelectTranslationsTestUtils.#assertPanelElementVisibility({
- betaIcon: true,
doneButtonSecondary: true,
header: true,
settingsButton: true,
@@ -3407,7 +3402,6 @@ class SelectTranslationsTestUtils {
"The textarea should have the translating class."
);
SelectTranslationsTestUtils.#assertPanelElementVisibility({
- betaIcon: true,
copyButton: true,
doneButtonPrimary: true,
fromLabel: true,
diff --git a/browser/themes/shared/jar.inc.mn b/browser/themes/shared/jar.inc.mn
@@ -272,8 +272,6 @@
skin/classic/browser/tabbrowser/tab-hover-preview.css (../shared/tabbrowser/tab-hover-preview.css)
skin/classic/browser/tabbrowser/tabs.css (../shared/tabbrowser/tabs.css)
- skin/classic/browser/translations/beta.svg (../shared/translations/beta.svg)
-
skin/classic/browser/update-badge.svg (../shared/update-badge.svg)
skin/classic/browser/profiler-popup-backdrop.png (../shared/profiler-popup-backdrop.png)
skin/classic/browser/tab-crashed.svg (../shared/incontent-icons/tab-crashed.svg)
diff --git a/browser/themes/shared/translations/beta.svg b/browser/themes/shared/translations/beta.svg
@@ -1,10 +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="34" height="20" xmlns="http://www.w3.org/2000/svg">
- <g fill="none" fill-rule="evenodd">
- <path d="M4.48 13.88v-.86h2.4c.58 0 1.03-.11 1.33-.35.3-.23.45-.57.45-1.01v-.01c0-.3-.07-.55-.21-.75-.14-.2-.35-.35-.63-.45-.28-.1-.62-.15-1.03-.15h-2.3v-.83H6.5c.6 0 1.03-.1 1.33-.32.3-.2.44-.51.44-.92v-.01c0-.4-.13-.7-.4-.91a1.7 1.7 0 0 0-1.12-.33H4.48v-.86h2.48c.48 0 .89.08 1.23.24a1.78 1.78 0 0 1 1.07 1.7 1.78 1.78 0 0 1-.66 1.35c-.2.17-.43.27-.68.32v.08c.36.05.66.15.92.32s.46.39.6.66c.14.26.21.56.21.9v.02c0 .45-.1.84-.32 1.16-.2.32-.5.57-.9.75-.38.17-.85.26-1.4.26H4.47Zm-.48 0V6.12h.97v7.76H4ZM11.23 13.88V6.13h4.8V7H12.2v2.48h3.63v.86H12.2v2.67h3.83v.87zM19.8 13.88V7h-2.5v-.87h5.96V7h-2.5v6.88zM23.22 13.88l2.86-7.76h.74v1.26h-.3l-2.28 6.5h-1.02Zm1.3-2.22.3-.82h3.5l.3.82h-4.1Zm4.36 2.22-2.28-6.5V6.13h.44l2.85 7.75h-1.01Z"
- fill="context-fill" fill-rule="nonzero"/>
- <rect stroke="context-stroke" x=".5" y=".5" width="32.89" height="19" rx="3.5"/>
- </g>
-</svg>
diff --git a/browser/themes/shared/translations/panel.css b/browser/themes/shared/translations/panel.css
@@ -17,31 +17,6 @@
padding-bottom: 0;
}
-h1.translations-panel-header-wrapper {
- flex-grow: 0;
-}
-
-.translations-panel-beta {
- flex-shrink: 0;
- flex-grow: 1;
-}
-
-.translations-panel-beta-icon {
- list-style-image: url(chrome://browser/skin/translations/beta.svg);
- width: 34px;
- height: 20px;
- -moz-context-properties: fill, stroke;
- fill: currentColor;
- stroke: currentColor;
- margin: 2px 8px;
-}
-
-@media (prefers-contrast: no-preference) and (prefers-color-scheme: light) {
- .translations-panel-beta-icon {
- opacity: 0.8;
- }
-}
-
#full-page-translations-panel-intro {
line-height: 1.6;
margin-block-end: var(--arrowpanel-padding);
@@ -123,6 +98,7 @@ h1.translations-panel-header-wrapper {
}
#select-translations-panel-header-row {
+ text-align: start;
padding-block: var(--space-small) 0;
}
