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 | }
|