richard pushed to branch tor-browser-115.2.0esr-13.0-1 at The Tor Project / Applications / Tor Browser
Commits:
-
e2cb4a22
by Henry Wilkes at 2023-08-30T16:57:07+00:00
1 changed file:
Changes:
| ... | ... | @@ -39,14 +39,26 @@ |
| 39 | 39 | }
|
| 40 | 40 | |
| 41 | 41 | #tor-circuit-panel .panel-header {
|
| 42 | - /* .panel-header already has display: flex from panelUI-shared.css, but the
|
|
| 43 | - * direction is the default "row". */
|
|
| 42 | + /* .panel-header already inherits these same rules from panelUI-shared.css and
|
|
| 43 | + * xul.css. But .panel-header is normally "flex-direction: row", but we are
|
|
| 44 | + * using a vbox (i.e flex-direction: column) so that the heading is placed
|
|
| 45 | + * vertically above the #tor-circuit-alias when it is shown. We want to
|
|
| 46 | + * ensure the layout rules we need for our different case so we are less
|
|
| 47 | + * vulnerable to changes in panelUI-shared.css. */
|
|
| 44 | 48 | display: flex;
|
| 45 | 49 | flex-direction: column;
|
| 46 | 50 | align-items: center;
|
| 51 | + justify-content: center;
|
|
| 47 | 52 | text-align: center;
|
| 48 | 53 | }
|
| 49 | 54 | |
| 55 | +.panel-header > h1#tor-circuit-heading {
|
|
| 56 | + /* Overwrite rule from panelUI-shared.css which gives this "flex: auto".
|
|
| 57 | + * Otherwise the heading will be stretched vertically and not be
|
|
| 58 | + * center-aligned. */
|
|
| 59 | + flex: 0 0 auto;
|
|
| 60 | +}
|
|
| 61 | + |
|
| 50 | 62 | #tor-circuit-alias:not([hidden]) {
|
| 51 | 63 | /* Same margin as .panel-header > h1 */
|
| 52 | 64 | margin: 4px 0;
|