morgan pushed to branch tor-browser-140.2.0esr-15.0-1 at The Tor Project / Applications / Tor Browser

Commits:

6 changed files:

Changes:

  • browser/components/abouttor/content/aboutTor.html
    ... ... @@ -77,6 +77,7 @@
    77 77
           />
    
    78 78
           <moz-toggle
    
    79 79
             id="onionize-toggle"
    
    80
    +        label-align-before=""
    
    80 81
             data-l10n-id="tor-browser-home-onionize-toggle"
    
    81 82
             data-l10n-attrs="label"
    
    82 83
           ></moz-toggle>
    

  • browser/components/torpreferences/content/connectionPane.inc.xhtml
    ... ... @@ -79,7 +79,6 @@
    79 79
         <html:moz-toggle
    
    80 80
           id="tor-connection-quickstart-toggle"
    
    81 81
           class="tor-toggle"
    
    82
    -      label-align-after=""
    
    83 82
           data-l10n-id="tor-connection-quickstart-checkbox"
    
    84 83
           data-l10n-attrs="label"
    
    85 84
         />
    
    ... ... @@ -145,7 +144,6 @@
    145 144
         <html:moz-toggle
    
    146 145
           id="tor-bridges-enabled-toggle"
    
    147 146
           class="tor-toggle"
    
    148
    -      label-align-after=""
    
    149 147
           data-l10n-id="tor-bridges-use-bridges"
    
    150 148
           data-l10n-attrs="label"
    
    151 149
         />
    

  • toolkit/components/torconnect/content/aboutTorConnect.html
    ... ... @@ -62,7 +62,7 @@
    62 62
             <button id="viewLogButton"></button>
    
    63 63
     
    
    64 64
             <div id="quickstartContainer">
    
    65
    -          <moz-toggle id="quickstartToggle" label-align-after=""></moz-toggle>
    
    65
    +          <moz-toggle id="quickstartToggle"></moz-toggle>
    
    66 66
             </div>
    
    67 67
     
    
    68 68
             <div class="button-container">
    

  • toolkit/content/widgets/lit-utils.mjs
    ... ... @@ -250,6 +250,9 @@ export class MozBaseInputElement extends MozLitElement {
    250 250
         supportPage: { type: String, attribute: "support-page" },
    
    251 251
         accessKey: { type: String, mapped: true, fluent: true },
    
    252 252
         parentDisabled: { type: Boolean, state: true },
    
    253
    +    // label-align-before is a customisation for the moz-toggle in about:tor.
    
    254
    +    // See tor-browser#43727.
    
    255
    +    labelAlignBefore: { type: Boolean, attribute: "label-align-before" },
    
    253 256
       };
    
    254 257
       static inputLayout = "inline";
    
    255 258
     
    
    ... ... @@ -404,9 +407,10 @@ export class MozBaseInputElement extends MozLitElement {
    404 407
               part="label"
    
    405 408
               for="input"
    
    406 409
               shownaccesskey=${ifDefined(this.accessKey)}
    
    407
    -          >${this.isInlineLayout
    
    410
    +          >${this.labelAlignBefore ? this.labelTemplate() : ""}${this
    
    411
    +            .isInlineLayout
    
    408 412
                 ? this.inputTemplate()
    
    409
    -            : ""}${this.labelTemplate()}</label
    
    413
    +            : ""}${this.labelAlignBefore ? "" : this.labelTemplate()}</label
    
    410 414
             >${this.hasDescription ? "" : this.supportLinkTemplate()}
    
    411 415
           </span>
    
    412 416
           ${this.descriptionTemplate()}
    

  • toolkit/content/widgets/moz-input-common.css
    ... ... @@ -12,6 +12,7 @@
    12 12
         --input-margin-block-adjust: calc((1lh - var(--input-height)) / 2);
    
    13 13
         --icon-margin-block-adjust: calc((1lh - var(--icon-size-default)) / 2);
    
    14 14
         --input-margin-inline-start-adjust: calc(-1 * var(--input-space-offset));
    
    15
    +    --input-margin-inline-adjust: var(--input-margin-inline-start-adjust) var(--space-small);
    
    15 16
       }
    
    16 17
     
    
    17 18
       :host(:not([hidden])) {
    
    ... ... @@ -32,6 +33,13 @@
    32 33
         --input-margin-block-adjust: 0;
    
    33 34
       }
    
    34 35
     
    
    36
    +  :host([label-align-before]) {
    
    37
    +    /* The label is before the input, so we need the input to only have a
    
    38
    +     * starting gap between it and the label. */
    
    39
    +    --input-space-offset: 0;
    
    40
    +    --input-margin-inline-adjust: var(--space-small) 0;
    
    41
    +  }
    
    42
    +
    
    35 43
       @media (forced-colors) {
    
    36 44
         :host(:state(disabled)) {
    
    37 45
           color: GrayText;
    
    ... ... @@ -72,7 +80,7 @@
    72 80
         line-height: inherit;
    
    73 81
         vertical-align: top;
    
    74 82
         margin-block: var(--input-margin-block-adjust);
    
    75
    -    margin-inline: var(--input-margin-inline-start-adjust) var(--space-small);
    
    83
    +    margin-inline: var(--input-margin-inline-adjust);
    
    76 84
     
    
    77 85
         :host(:not(:state(has-label))) & {
    
    78 86
           margin-inline-end: 0;
    

  • toolkit/content/widgets/moz-toggle/moz-toggle.mjs
    ... ... @@ -27,8 +27,6 @@ export default class MozToggle extends MozBaseInputElement {
    27 27
         pressed: { type: Boolean, reflect: true },
    
    28 28
         // Extension for tor-browser. Used for tor-browser#41333.
    
    29 29
         title: { type: String, attribute: "title" },
    
    30
    -    // Extension for tor-browser. Used for tor-browser#40837.
    
    31
    -    labelAlignAfter: { type: Boolean, attribute: "label-align-after" },
    
    32 30
       };
    
    33 31
     
    
    34 32
       static activatedProperty = "pressed";