GitLab

at 2025-02-05T14:21:28+00:00

fixup! TB 2176: Rebrand Firefox to TorBrowser

TB 43466: Drop unnecessary changes to the aboutDialog.css stylesheet.

Common branding rules common to tor browser releases were moved to the
existing aboutDialogTor.css.

Duplicate rules that were already in
browser/base/content/aboutDialog.css were dropped.

Rules that only made a minor difference were dropped:

1. We now centre-align the logo, instead of right-aligning (which did
   not seem to work as intended in right-to-left locales).
2. We keep the logo at the default 192px size, rather than 180px, which
   is a 0.75 scaling of the original 256px PNG.
3. We use the default size between the wordmark and "Extended Support
   Release", which increases the gap by 6px.

 +#aboutDialogContainer {
 +  background-color: #20123a;
 +  color: #fff;
 +  color-scheme: dark;
 +}
++
  #leftBox {
    background-image: url('chrome://branding/content/icon256.png');
 -  background-position: right top;
 -  background-size: 180px;
 +  background-position-y: 0;
+ }
  #rightBox {
    background-size: auto;
 -  padding-top: 32px;
 -}
+-
 -#contributeDesc {
 -  display: none;
 +  margin-inline: 30px;
+ }
 -#communityDesc {
 -  display: none;
 +#bottomBox {
 +  background-color: hsla(235, 43%, 10%, .5);
 +  padding: 15px 10px 15px;
+ }
  #trademark {
@@ -24,6 +26,14 @@
    margin-block: 10px;
+ }
 +#contributeDesc {
 +  display: none;
 +}
++
 +#communityDesc {
 +  display: none;
 +}
++
  #bottomBox > hbox:not(#newBottom) {
    display: none;
+ }

@@ -2,47 +2,6 @@
   * License, v. 2.0. If a copy of the MPL was not distributed with this
   * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 -#aboutDialogContainer {
 -  background-color: #20123a;
 -  color: #fff;
 -}
+-
 -#clientBox {
 -  padding: 10px 0 15px;
 -}
+-
 -#leftBox {
 -  background-image: url("chrome://branding/content/about-logo.png");
 -  background-repeat: no-repeat;
 -  background-size: 192px auto;
 -  background-position: center 20%;
 -  /* min-width and min-height create room for the logo */
 -  min-width: 210px;
 -  min-height: 210px;
 -  margin-top: 20px;
 -  margin-inline-start: 30px;
 -}
+-
 -@media (min-resolution: 2dppx) {
 -  #leftBox {
 -    background-image: url("chrome://branding/content/about-logo@2x.png");
 -  }
 -}
+-
 -.text-link {
 -  color: #fff !important;
 -  text-decoration: underline;
 -}
+-
 -.text-link:-moz-focusring {
 -  border-color: #fff;
 -}
+-
 -#rightBox {
 -  margin-inline: 30px;
 -  padding-top: 64px;
 -}
+-
  #rightBox:-moz-locale-dir(rtl) {
    /* tor-browser#42319: re-align the background image after we added some
    padding to make all the channel use the same size for the wordmark.
@@ -50,8 +9,3 @@
    (tor-browser#29745) */
    background-position: right -34px top 0;
+ }
+-
 -#bottomBox {
 -  background-color: hsla(235, 43%, 10%, .5);
 -  padding: 15px 10px 15px;
 -}

  /* This Source Code Form is subject to the terms of the Mozilla Public
   * License, v. 2.0. If a copy of the MPL was not distributed with this
   * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+-
 -#aboutDialogContainer {
 -  background-color: #20123a;
 -  color: #fff;
 -  color-scheme: dark;
 -}
+-
 -#clientBox {
 -  padding: 10px 0 15px;
 -}
+-
 -#leftBox {
 -  background-image: url("chrome://branding/content/about-logo.png");
 -  background-repeat: no-repeat;
 -  background-size: 192px auto;
 -  background-position: center 20%;
 -  /* min-width and min-height create room for the logo */
 -  min-width: 210px;
 -  min-height: 210px;
 -  margin-top: 20px;
 -  margin-inline-start: 30px;
 -}
+-
 -@media (min-resolution: 2dppx) {
 -  #leftBox {
 -    background-image: url("chrome://branding/content/about-logo@2x.png");
 -  }
 -}
+-
 -.text-link {
 -  color: #fff !important;
 -  text-decoration: underline;
 -}
+-
 -#rightBox {
 -  margin-inline: 30px;
 -  padding-top: 64px;
 -}
+-
 -#bottomBox {
 -  background-color: hsla(235, 43%, 10%, .5);
 -  padding: 15px 10px 15px;
 -}

@@ -2,43 +2,6 @@
   * License, v. 2.0. If a copy of the MPL was not distributed with this
   * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 -#aboutDialogContainer {
 -  background-color: #20123a;
 -  color: #fff;
 -  color-scheme: dark;
 -}
+-
 -#clientBox {
 -  padding: 10px 0 15px;
 -}
+-
 -#leftBox {
 -  background-image: url("chrome://branding/content/about-logo.png");
 -  background-repeat: no-repeat;
 -  background-size: 192px auto;
 -  background-position: center 20%;
 -  /* min-width and min-height create room for the logo */
 -  min-width: 210px;
 -  min-height: 210px;
 -  margin-top: 20px;
 -  margin-inline-start: 30px;
 -}
+-
 -@media (min-resolution: 2dppx) {
 -  #leftBox {
 -    background-image: url("chrome://branding/content/about-logo@2x.png");
 -  }
 -}
+-
 -.text-link {
 -  color: #fff !important;
 -  text-decoration: underline;
 -}
+-
 -#rightBox {
 -  margin-inline: 30px;
 -}
+-
  #rightBox:-moz-locale-dir(rtl) {
    /* tor-browser#42319: re-align the background image after we added some
    padding to make all the channel use the same size for the wordmark.
@@ -46,15 +9,3 @@
    (tor-browser#29745) */
    background-position: right -164px top 0;
+ }
+-
 -#bottomBox {
 -  background-color: hsla(235, 43%, 10%, .5);
 -  padding: 15px 10px 15px;
 -}
+-
 -#trademark {
 -  font-size: xx-small;
 -  text-align: center;
 -  color: #999999;
 -  margin-block: 10px;
 -}

morgan pushed to branch tor-browser-128.7.0esr-14.5-1 at The Tor Project / Applications / Tor Browser

Commits:

4 changed files:

Changes: