tor-browser

commit 715d3b0dece00ac6c89ec879f13be049cb4b1713
parent f4b250cea88b2860774ac44f434f6e9c9f1134f6
Author: Erik Nordin <enordin@mozilla.com>
Date:   Wed,  3 Dec 2025 21:33:19 +0000

Bug 2003357 - Adjust about:translations padding r=translations-reviewers,gregtatum

This commit adjusts the padding for the about:translations
page to more accurately reflect the design specifications.

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

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

1 file changed, 17 insertions(+), 2 deletions(-)
diff --git a/toolkit/components/translations/content/about-translations.css b/toolkit/components/translations/content/about-translations.css
@@ -9,7 +9,9 @@
 }
 
 :root {
-  --AT-viewport-padding: 20px;
+  --AT-viewport-padding: 24px;
+  --AT-page-padding-block-start: 80px;
+  --AT-page-padding-block-end: 32px;
 
   /* Provide defaults for when this page is viewed in "toolkit". */
   background-color: var(--background-color-canvas, #fff);
@@ -33,8 +35,9 @@ body {
   justify-content: flex-start;
   align-items: flex-start;
   visibility: hidden;
+  margin: 0;
   row-gap: var(--space-xlarge);
-  margin-block: var(--space-xlarge);
+  padding: var(--AT-page-padding-block-start) var(--AT-viewport-padding) var(--AT-page-padding-block-end);
 }
 
 #about-translations-header {
@@ -112,14 +115,26 @@ body {
 }
 
 @media (max-width: 1200px) {
+  :root {
+    --AT-page-padding-block-start: 32px;
+  }
+
   #about-translations-main-user-interface {
     display: grid;
     grid-template-columns: 1fr auto 1fr;
     grid-template-rows: auto 1fr 1fr;
+    margin: 0;
+    width: 100%;
     gap: var(--space-medium);
     max-width: calc(100vw - var(--AT-viewport-padding) * 2);
   }
 
+  #about-translations-header {
+    margin: 0;
+    width: 100%;
+    max-width: calc(100vw - var(--AT-viewport-padding) * 2);
+  }
+
   #about-translations-source-select {
     grid-column: 1;
     grid-row: 1;