morgan pushed to branch tor-browser-128.1.0esr-14.0-1 at The Tor Project / Applications / Tor Browser
Commits:
- 
fa8b538b
by Henry Wilkes at 2024-08-26T15:20:44+01:00
- 
157546b7
by Henry Wilkes at 2024-08-26T15:21:29+01:00
- 
6e3fb7df
by Henry Wilkes at 2024-08-26T15:22:56+01:00
- 
60fc8a13
by Henry Wilkes at 2024-08-26T15:23:05+01:00
- 
d9faa5a2
by Henry Wilkes at 2024-08-26T15:23:06+01:00
6 changed files:
- browser/base/content/abouttbupdate/aboutTBUpdate.css
- browser/base/content/abouttbupdate/aboutTBUpdate.js
- browser/components/abouttor/content/aboutTor.css
- browser/components/rulesets/content/aboutRulesets.css
- browser/components/torcircuit/content/torCircuitPanel.css
- browser/components/torpreferences/content/torPreferences.css
Changes:
| ... | ... | @@ -32,6 +32,9 @@ body > *:not([hidden]) { | 
| 32 | 32 | |
| 33 | 33 |  .content {
 | 
| 34 | 34 |    grid-column: 2;
 | 
| 35 | +}
 | |
| 36 | + | |
| 37 | +.content.en-US-content {
 | |
| 35 | 38 |    font-family: monospace;
 | 
| 36 | 39 |    line-height: 1.4;
 | 
| 37 | 40 |  }
 | 
| ... | ... | @@ -77,6 +77,7 @@ function setContent(containerId, content, fillContent) { | 
| 77 | 77 |    // Release notes are only in English.
 | 
| 78 | 78 |    contentEl.setAttribute("lang", "en-US");
 | 
| 79 | 79 |    contentEl.setAttribute("dir", "ltr");
 | 
| 80 | +  contentEl.classList.add("en-US-content");
 | |
| 80 | 81 |    if (fillContent) {
 | 
| 81 | 82 |      fillContent(contentEl, content);
 | 
| 82 | 83 |    } else {
 | 
| ... | ... | @@ -35,7 +35,6 @@ h1 { | 
| 35 | 35 |    align-items: center;
 | 
| 36 | 36 |    gap: 16px;
 | 
| 37 | 37 |    font-size: 40px;
 | 
| 38 | -  line-height: 1.3; /* Used when wrapping. */
 | |
| 39 | 38 |    margin-block-start: 0;
 | 
| 40 | 39 |    margin-block-end: 40px;
 | 
| 41 | 40 |    margin-inline: 20px;
 | 
| ... | ... | @@ -79,8 +78,6 @@ body:not(.show-tor-check) #tor-check { | 
| 79 | 78 |  .home-message {
 | 
| 80 | 79 |    grid-area: message;
 | 
| 81 | 80 |    font-weight: 400;
 | 
| 82 | -  /* line-height and text-align are used when wrapping. */
 | |
| 83 | -  line-height: 1.5;
 | |
| 84 | 81 |    text-align: center;
 | 
| 85 | 82 |    margin-block-start: 1.6em;
 | 
| 86 | 83 |    margin-block-end: 1em;
 | 
| ... | ... | @@ -52,7 +52,6 @@ dd { | 
| 52 | 52 |    padding: 0;
 | 
| 53 | 53 |    max-width: 600px;
 | 
| 54 | 54 |    box-sizing: border-box;
 | 
| 55 | -  line-height: 1.4;
 | |
| 56 | 55 |  }
 | 
| 57 | 56 | |
| 58 | 57 |  hr {
 | 
| ... | ... | @@ -140,10 +139,10 @@ section { | 
| 140 | 139 |    padding-inline-start: 35px;
 | 
| 141 | 140 |    font-size: 20px;
 | 
| 142 | 141 |    font-weight: 700;
 | 
| 143 | -  line-height: 30px;
 | |
| 144 | 142 |    background-image: url("chrome://browser/content/rulesets/securedrop.svg");
 | 
| 145 | -  background-position: 0 4px;
 | |
| 143 | +  background-position: 0 center;
 | |
| 146 | 144 |    background-size: 22px;
 | 
| 145 | +  min-height: 22px;
 | |
| 147 | 146 |    background-repeat: no-repeat;
 | 
| 148 | 147 |  }
 | 
| 149 | 148 | |
| ... | ... | @@ -256,6 +255,8 @@ aside { | 
| 256 | 255 |    background-color: var(--in-content-box-background);
 | 
| 257 | 256 |    font-size: 85%;
 | 
| 258 | 257 |    line-break: anywhere;
 | 
| 258 | +  /* ASCII-only text, so can set line-height. */
 | |
| 259 | +  line-height: 1.4;
 | |
| 259 | 260 |  }
 | 
| 260 | 261 | |
| 261 | 262 |  #ruleset-edit {
 | 
| ... | ... | @@ -95,7 +95,6 @@ | 
| 95 | 95 |  }
 | 
| 96 | 96 | |
| 97 | 97 |  #tor-circuit-node-list {
 | 
| 98 | -  line-height: 2;
 | |
| 99 | 98 |    list-style: none;
 | 
| 100 | 99 |    padding-inline-start: var(--arrowpanel-menuitem-margin-inline);
 | 
| 101 | 100 |    /* Do not allow an item to wrap since this would break the circuit diagram. */
 | 
| ... | ... | @@ -104,11 +103,12 @@ | 
| 104 | 103 | |
| 105 | 104 |  .tor-circuit-node-item {
 | 
| 106 | 105 |    /* We want the "bullets" of the list to act as the circuit diagram, and we
 | 
| 107 | -   * also want them to be vertically aligned and scaled to the line-height of
 | |
| 108 | -   * the list so that the different parts visually connect.
 | |
| 106 | +   * also want them to be vertically aligned and scaled to the height of the
 | |
| 107 | +   * list item so that the different parts visually connect.
 | |
| 109 | 108 |     * Using list-style-image does not give us enough control over sizing the
 | 
| 110 | 109 |     * image. So instead we use a background-image. */
 | 
| 111 | 110 |    padding-inline-start: 1.5em;
 | 
| 111 | +  padding-block: 6px;
 | |
| 112 | 112 |    background-image: url("chrome://browser/content/tor-circuit-node-middle.svg");
 | 
| 113 | 113 |    -moz-context-properties: fill;
 | 
| 114 | 114 |    /* Light Gray 50 */
 | 
| ... | ... | @@ -510,7 +510,6 @@ button.spoof-button-disabled { | 
| 510 | 510 |    margin: 0;
 | 
| 511 | 511 |    /* Match the QR height if it is higher than ours. */
 | 
| 512 | 512 |    min-height: auto;
 | 
| 513 | -  line-height: 1;
 | |
| 514 | 513 |    align-self: stretch;
 | 
| 515 | 514 |  }
 | 
| 516 | 515 | |
| ... | ... | @@ -694,7 +693,6 @@ button.spoof-button-disabled { | 
| 694 | 693 |  .tor-bridges-lox-button {
 | 
| 695 | 694 |    grid-area: button;
 | 
| 696 | 695 |    margin: 0;
 | 
| 697 | -  line-height: 1;
 | |
| 698 | 696 |    align-self: center;
 | 
| 699 | 697 |  }
 | 
| 700 | 698 | |
| ... | ... | @@ -781,7 +779,6 @@ button.spoof-button-disabled { | 
| 781 | 779 | |
| 782 | 780 |  #tor-bridges-open-request-dialog-button {
 | 
| 783 | 781 |    margin: 0;
 | 
| 784 | -  line-height: 1;
 | |
| 785 | 782 |  }
 | 
| 786 | 783 | |
| 787 | 784 |  #torPreferences-bridges-location {
 | 
| ... | ... | @@ -1021,6 +1018,7 @@ groupbox#torPreferences-bridges-group textarea { | 
| 1021 | 1018 |  #user-provide-bridge-textarea {
 | 
| 1022 | 1019 |    flex: 1 0 auto;
 | 
| 1023 | 1020 |    align-self: stretch;
 | 
| 1021 | +  /* Only expect ASCII input, so can set a line-height. */
 | |
| 1024 | 1022 |    line-height: 1.3;
 | 
| 1025 | 1023 |    margin: 0;
 | 
| 1026 | 1024 |  }
 |