Pier Angelo Vendrame pushed to branch tor-browser-115.5.0esr-13.5-1 at The Tor Project / Applications / Tor Browser

Commits: 99719602 by Pier Angelo Vendrame at 2023-12-13T12:26:50+01:00 fixup! Bug 2176: Rebrand Firefox to TorBrowser

Bug 42319: Resize all the wordmarks to the same size

- - - - -

5 changed files:

- browser/branding/tb-alpha/content/about-wordmark.svg - browser/branding/tb-alpha/content/aboutDialog.css - browser/branding/tb-nightly/content/about-wordmark.svg - browser/branding/tb-release/content/about-wordmark.svg - browser/branding/tb-release/content/aboutDialog.css

Changes:

===================================== browser/branding/tb-alpha/content/about-wordmark.svg ===================================== @@ -1,4 +1,8 @@ -<svg width="382" height="44" viewBox="0 0 382 44" fill="none" xmlns="http://www.w3.org/2000/svg"> +<!-- tor-browser#42319: Make sure all the about wordmark SVGs (release, alpha, + nightly) have the same size. This will likely add some padding to some + channels, so the background-position for RTL languages should be ajusted + accordingly in the respective aboutDialog.css. --> +<svg width="416" height="45" viewBox="0 0 416 45" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M337.358 34V0H341.173V13.6246C341.823 12.5477 342.633 11.678 343.605 11.0154C345.004 10.0617 346.689 9.58485 348.66 9.58485C351.521 9.58485 353.794 10.475 355.479 12.2553C357.164 14.0355 357.99 16.7377 357.959 20.3619V34H354.144V21.7924C354.144 19.4399 353.858 17.6438 353.285 16.4039C352.745 15.1641 351.998 14.3216 351.044 13.8766C350.09 13.3997 349.01 13.1613 347.801 13.1613C345.703 13.1613 344.066 13.9084 342.89 15.4025C341.745 16.8649 341.173 18.9472 341.173 21.6494V34H337.358Z" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M292.09 34L288.281 24.5105H273.058L269.248 34H264.957L278.547 0.619917H282.743L296.334 34H292.09ZM280.669 5.54972L286.826 20.8864H274.513L280.669 5.54972Z" fill="white"/> <path d="M299.66 34V0.619917H303.475V34H299.66Z" fill="white"/>

===================================== browser/branding/tb-alpha/content/aboutDialog.css ===================================== @@ -43,6 +43,14 @@ 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. + We can remove this it if we stop making the resource accessible from content + (tor-browser#29745) */ + background-position: right -34px top 0; +} + #bottomBox { background-color: hsla(235, 43%, 10%, .5); padding: 15px 10px 15px;

===================================== browser/branding/tb-nightly/content/about-wordmark.svg ===================================== @@ -1,3 +1,7 @@ +<!-- tor-browser#42319: Make sure all the about wordmark SVGs (release, alpha, + nightly) have the same size. This will likely add some padding to some + channels, so the background-position for RTL languages should be ajusted + accordingly in the respective aboutDialog.css. --> <svg width="416" height="45" viewBox="0 0 416 45" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M303.369 4.05329C303.845 4.53015 304.402 4.76858 305.038 4.76858C305.705 4.76858 306.262 4.53015 306.707 4.05329C307.183 3.57644 307.422 3.0201 307.422 2.38429C307.422 1.71669 307.183 1.16035 306.707 0.715287C306.262 0.238429 305.705 0 305.038 0C304.402 0 303.845 0.238429 303.369 0.715287C302.892 1.16035 302.653 1.71669 302.653 2.38429C302.653 3.0201 302.892 3.57644 303.369 4.05329Z" fill="white"/> <path d="M340.961 34.1431V0.143055H344.776V13.7676C345.425 12.6907 346.236 11.821 347.208 11.1585C348.607 10.2048 350.292 9.72791 352.263 9.72791C355.124 9.72791 357.397 10.618 359.082 12.3983C360.767 14.1786 361.593 16.8808 361.561 20.5049V34.1431H357.746V21.9355C357.746 19.583 357.46 17.7868 356.888 16.547C356.348 15.3072 355.601 14.4647 354.647 14.0196C353.693 13.5428 352.612 13.3043 351.404 13.3043C349.306 13.3043 347.669 14.0514 346.493 15.5456C345.348 17.0079 344.776 19.0902 344.776 21.7924V34.1431H340.961Z" fill="white"/>

===================================== browser/branding/tb-release/content/about-wordmark.svg ===================================== @@ -1,4 +1,8 @@ -<svg width="252" height="34" viewBox="0 0 252 34" fill="none" xmlns="http://www.w3.org/2000/svg"> +<!-- tor-browser#42319: Make sure all the about wordmark SVGs (release, alpha, + nightly) have the same size. This will likely add some padding to some + channels, so the background-position for RTL languages should be ajusted + accordingly in the respective aboutDialog.css. --> +<svg width="416" height="45" viewBox="0 0 416 45" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.3982 33.4278V2.81346H17.4066V33.4278H11.3982ZM0 5.57924V0.0476854H28.8525V5.57924H0Z" fill="white"/> <path d="M35.5087 34C33.0926 34 30.9468 33.4755 29.0711 32.4264C27.2273 31.3455 25.7649 29.8672 24.684 27.9916C23.6349 26.1159 23.1104 23.9542 23.1104 21.5063C23.1104 19.0584 23.6349 16.8967 24.684 15.021C25.7331 13.1454 27.1796 11.683 29.0234 10.6339C30.8991 9.55306 33.029 9.01262 35.4133 9.01262C37.8294 9.01262 39.9594 9.55306 41.8032 10.6339C43.6789 11.683 45.1412 13.1454 46.1903 15.021C47.2394 16.8967 47.764 19.0584 47.764 21.5063C47.764 23.9542 47.2394 26.1159 46.1903 27.9916C45.1412 29.8672 43.6948 31.3455 41.8509 32.4264C40.0071 33.4755 37.893 34 35.5087 34ZM35.5087 28.6592C36.7485 28.6592 37.8453 28.3572 38.799 27.7532C39.7527 27.1173 40.4998 26.2749 41.0403 25.2258C41.5807 24.1449 41.8509 22.9051 41.8509 21.5063C41.8509 20.1075 41.5648 18.8836 40.9926 17.8345C40.4521 16.7536 39.6892 15.9112 38.7037 15.3072C37.7499 14.6713 36.6532 14.3534 35.4133 14.3534C34.1735 14.3534 33.0767 14.6554 32.123 15.2595C31.1693 15.8635 30.4063 16.7059 29.8341 17.7868C29.2937 18.8677 29.0234 20.1075 29.0234 21.5063C29.0234 22.9051 29.2937 24.1449 29.8341 25.2258C30.4063 26.2749 31.1852 27.1173 32.1707 27.7532C33.1562 28.3572 34.2689 28.6592 35.5087 28.6592Z" fill="white"/> <path d="M55.6347 20.8387C55.6347 18.2637 56.1275 16.1496 57.113 14.4965C58.1303 12.8116 59.4178 11.5559 60.9755 10.7293C62.5333 9.90276 64.1705 9.48948 65.8872 9.48948V15.0687C64.4566 15.0687 63.0896 15.2595 61.7862 15.641C60.5146 16.0224 59.4655 16.6424 58.6389 17.5007C57.8442 18.3273 57.4468 19.424 57.4468 20.791L55.6347 20.8387ZM51.6768 33.4278V9.58485H57.4468V33.4278H51.6768Z" fill="white"/>

===================================== browser/branding/tb-release/content/aboutDialog.css ===================================== @@ -39,6 +39,14 @@ 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. + We can remove this it if we stop making the resource accessible from content + (tor-browser#29745) */ + background-position: right -164px top 0; +} + #bottomBox { background-color: hsla(235, 43%, 10%, .5); padding: 15px 10px 15px;

View it on GitLab: https://gitlab.torproject.org/tpo/applications/tor-browser/-/commit/99719602...