tor-browser

commit 896434869fb0a00e8eb548e46c4be3adf7330c5b
parent f66aab5dfd6830369ae890b646ce7a4a9a3259a5
Author: mark <mkennedy@mozilla.com>
Date:   Thu, 11 Dec 2025 20:33:38 +0000

Bug 1992011 - Clean up styling of wordmark in About Firefox popups r=desktop-theme-reviewers,hjones

Clean up the styles and be more intentional about overrides

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

Diffstat:
M
browser/base/content/aboutDialog.css
 | 
5
++---
M
browser/branding/aurora/content/aboutDialog.css
 | 
2
+-
M
browser/branding/nightly/content/aboutDialog.css
 | 
2
+-
M
browser/branding/official/content/aboutDialog.css
 | 
1
+

4 files changed, 5 insertions(+), 5 deletions(-)
diff --git a/browser/base/content/aboutDialog.css b/browser/base/content/aboutDialog.css
@@ -33,13 +33,12 @@
   background-image: url("chrome://branding/content/about-wordmark.svg");
   background-repeat: no-repeat;
   background-size: 288px auto;
-  /* padding-top creates room for the wordmark */
-  padding-top: 38px;
+  /* move wordmark down a bit so it doesnt bump up too closely to top of dialog */
   margin-top: 20px;
   /* We don't want this box to contribute arbitrarily to the intrinsic size of
    * the dialog, so set the width to a reasonable size, but let it flex to take
    * all available space. */
-  width: 430px;
+  max-width: 430px;
   flex: 1 auto;
 
   &:-moz-locale-dir(rtl) {
diff --git a/browser/branding/aurora/content/aboutDialog.css b/browser/branding/aurora/content/aboutDialog.css
@@ -10,7 +10,7 @@
 
 #rightBox {
   margin-inline: 30px;
-  padding-top: 64px;
+  padding-top: 130px;
 }
 
 #bottomBox {
diff --git a/browser/branding/nightly/content/aboutDialog.css b/browser/branding/nightly/content/aboutDialog.css
@@ -10,7 +10,7 @@
 
 #rightBox {
   margin-inline: 30px;
-  padding-top: 64px;
+  padding-top: 130px;
 }
 
 #bottomBox {
diff --git a/browser/branding/official/content/aboutDialog.css b/browser/branding/official/content/aboutDialog.css
@@ -10,6 +10,7 @@
 
 #rightBox {
   margin-inline: 30px;
+  padding-top: 76px;
 }
 
 #bottomBox {