accountHubHeaderTemplate.inc.xhtml

Enable keyboard shortcuts

# This Source Code Form is subject to the terms of the Mozilla Public

# License, v. 2.0. If a copy of the MPL was not distributed with this

# file, You can obtain one at http://mozilla.org/MPL/2.0/.

<html:template id="accountHubHeaderTemplate" xmlns="http://www.w3.org/1999/xhtml">

  <header id="accountHubHeader" class="hub-header">

    <div id="brandingHeader" class="branding-header" hidden="hidden">

      <img src="chrome://branding/content/logo-gradient.svg" alt="" />

      <h1>

        <span class="branding-header-name" data-l10n-id="account-hub-brand"></span>

        <span class="branding-header-title" data-l10n-id="account-hub-title"></span>

      </h1>

    </div>

    <!-- Title Text for Email Setup -->

    <h1 id="accountHubHeaderTitle"

        class="sub-view-title">

      <slot name="title"></slot>

    </h1>

    <!-- Sub Header Text for Email Setup -->

    <p id="accountHubHeaderSubHeader"

       class="sub-view-subheader">

      <slot name="subheader"></slot>

    </p>

    <details id="emailFormNotification" class="notification-bar">

      <summary id="emailFormNotificationSummary"

                class="notification-title-container">

        <img class="form-icon notification-icon icon-warning"

              src="chrome://messenger/skin/icons/new/compact/info.svg"

              alt=""/>

        <img class="form-icon notification-icon icon-success"

              src="chrome://messenger/skin/icons/new/compact/success.svg"

              alt="" />

        <img class="form-icon notification-icon icon-info"

              src="chrome://messenger/skin/icons/new/compact/info.svg"

              alt="" />

        <img class="form-icon notification-icon icon-danger"

              src="chrome://messenger/skin/icons/new/compact/warning.svg"

              alt="" />

        <p id="emailFormNotificationTitle" class="notification-title">

          <span class="localized-title"></span>

          <span class="raw-title"></span>

        </p>

        <div id="emailFormNotificationToggle">

          <span data-l10n-id="account-hub-notification-show-more"></span>

          <span data-l10n-id="account-hub-notification-show-less"></span>

        </div>

      </summary>

      <p id="emailFormNotificationText" class="notification-text">

        <span class="localized-description"></span>

        <span class="raw-description"></span>

      </p>

    </details>

  </header>

</html:template>