1892853 - Ensure SelectTranslationsPanel footer buttons wrap correctly

Status: VERIFIED FIXED

(Firefox :: Translations, enhancement, P3)

Description

[Erik Nordin [:nordzilla]]

Description

The SelectTranslationsPanel button group has the start-justified copy button and the end-justified translate-full-page button and done-button.

There is potential, in some locales with longer localized text, for these buttons to overflow the horizontal space allotted to them.

In this situation, the end-justified buttons need to move down to the next row, but maintain their end-justification (see attached image).

---

Steps to implement

• Modify the CSS to support this stiuation.

---

Tests to implement

• I'm not sure that this is easily testable in automation, since our test suite uses the English locale which does not encounter this overflow.

Comment 1

[Erik Nordin [:nordzilla]]

Attachment: select-translations-panel-screenshot.png

Comment 2

[Erik Nordin [:nordzilla]]

Attachment: Bug 1892853 - Ensure SelectTranslationsPanel footer buttons wrap correctly r=#desktop-theme-reviewers!

Ensures that the SelectTranslationsPanel footer buttons
within the moz-button-group footer wrap correctly
when localized text causes the buttons to overflow
the available horizontal space within the panel.

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/792c98927914
Ensure SelectTranslationsPanel footer buttons wrap correctly r=desktop-theme-reviewers,gregtatum,dao

Comment 4

[Aron Cseh]

https://hg.mozilla.org/mozilla-central/rev/792c98927914

Comment 5

[Timea Zsoldos [:zstimi/tzsoldos], Desktop QA]

Tested this issue on nighlty 128.0a1 and on Firefox beta 127.0b8 (browser.translations.select.enable = true), I can confirm that the issue is fixed, verified on Windows 10, Ubuntu 22 and on macOS 12.