Commit a2cf4734 authored by Henry Wilkes's avatar Henry Wilkes Committed by Pier Angelo Vendrame
Browse files

BB 45201: Customize moz- input widgets for Base Browser.

parent 9f297ab5

toolkit/content/widgets/lit-utils.mjs

+10 −1
Changes for toolkit/content/widgets/lit-utils.mjs: 10 added lines, 1 removed line.
Original line number Diff line number Diff line
@@ -263,6 +263,9 @@ export class MozBaseInputElement extends MozLitElement { 
    ariaLabel: { type: String, mapped: true },

    ariaDescription: { type: String, mapped: true },

    inputLayout: { type: String, reflect: true, attribute: "inputlayout" },

    // Allow us to set more complex content in a label (e.g. a moz-badge).

    // See tor-browser#45201.

    useLabelSlot: { type: Boolean, attribute: "use-label-slot" },

  };

  /** @type {"inline" | "block" | "inline-end"} */

  static inputLayout = "inline";
@@ -461,7 +464,7 @@ export class MozBaseInputElement extends MozLitElement { 
  }



  labelTemplate() {

    if (!this.label) {

    if (!this.label && !this.useLabelSlot) {

      return "";

    }

    let labelEl;
@@ -474,6 +477,12 @@ export class MozBaseInputElement extends MozLitElement { 
        class="text text-box-trim-start"

        .textContent=${this.label}

      ></h3>`;

    } else if (this.useLabelSlot) {

      labelEl = html`<slot

        class="text"

        name="label"

        @slotchange=${this.onSlotchange}

      ></slot>`;

    } else {

      labelEl = html`<span class="text" .textContent=${this.label}></span>`;

    }