tor-browser

commit 265b8c2f2cb421c09811cc6d33af444d767a16cf
parent 4cbe324897d1c54502f88059fd8e7550a1829008
Author: Erik Nordin <enordin@mozilla.com>
Date:   Wed,  7 Jan 2026 18:44:00 +0000

Bug 2008257 - Adjust about:translations texarea padding r=translations-reviewers,desktop-theme-reviewers,emilio,gregtatum

This patch ensures that the padding for the source textarea
is correct when the page is in both LTR and RTL orientations.

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

Diffstat:
M
toolkit/components/translations/content/about-translations.css
 | 
12
+++++++++++-

1 file changed, 11 insertions(+), 1 deletion(-)
diff --git a/toolkit/components/translations/content/about-translations.css b/toolkit/components/translations/content/about-translations.css
@@ -148,11 +148,20 @@ body {
   border: none;
   border-radius: 0;
   background-color: transparent;
-  padding-inline-end: var(--space-xsmall);
+  padding-inline: var(--AT-input-padding) var(--space-xsmall);
 
   &:focus-visible {
     outline: none;
   }
+
+  :dir(ltr) > &:dir(rtl),
+  :dir(rtl) > &:dir(ltr) {
+    /*
+      We need to reverse which side has the small padding when the
+      locale direction is different than the textarea direction.
+    */
+    padding-inline: var(--space-xsmall) var(--AT-input-padding);
+  }
 }
 
 #about-translations-source-actions {
@@ -174,6 +183,7 @@ body {
 
 #about-translations-target-actions {
   padding: var(--space-xsmall);
+  padding-block-end: var(--space-small);
   background-color: transparent;
 
   &:focus-visible {