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