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