After the adjustments to add clarity to the dialog that is shown when trying to leave an unsaved translation ( T336849 ), the actions are more explicit but also result in buttons with longer labels. Depending on the device and language these may fit well or overlap as shown in examples below where the UI is in English and Greek using a 375px wide screen:
This ticket proposes to make the row of buttons to wrap when it i needed. As a result the example in english above will remain as it is, and the Greek example will have the second action moved to a new line, being placed below the first action (with an 8px vertical separation).
This is aligned with the Design System guidelines for dialogs :
Change 946520 had a related patch set uploaded (by Wangombe; author: Wangombe):
[mediawiki/extensions/ContentTranslation@master] SX: Wrap buttons on SXConfirmBackNavigationDialog
https://gerrit.wikimedia.org/r/946520
Change 946520 merged by jenkins-bot:
Change 946931 had a related patch set uploaded (by Nik Gkountas; author: Nik Gkountas):
[mediawiki/extensions/ContentTranslation@master] CX3 Build 0.2.0+20230808
https://gerrit.wikimedia.org/r/946931
Results when the view is in adjusted responsively:
Change 946931 merged by jenkins-bot:
The issue has been fixed in production.
Screencast from greek (el) production wiki, where the fix is deployed: