customizeMode.inc.xhtml

<!-- 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/. -->

<box id="customization-content-container">

<box id="customization-palette-container">

  <label id="customization-header" data-l10n-id="customize-mode-menu-and-toolbars-header"></label>

  <vbox id="customization-palette" class="customization-palette" hidden="true"/>

  <html:div id="customization-pong-arena" hidden="true"/>

  <spacer id="customization-spacer"/>

</box>

<vbox id="customization-panel-container">

  <vbox id="customization-panelWrapper">

    <box class="panel-arrowbox">

      <image class="panel-arrow" side="top"/>

    </box>

    <box class="panel-arrowcontent" side="top">

      <vbox id="customization-panelHolder">

        <description id="customization-panelHeader" data-l10n-id="customize-mode-overflow-list-title"></description>

        <description id="customization-panelDescription" data-l10n-id="customize-mode-overflow-list-description"></description>

      </vbox>

      <box class="panel-inner-arrowcontentfooter" hidden="true"/>

    </box>

  </vbox>

</vbox>

</box>

<hbox id="customization-footer">

<checkbox id="customization-titlebar-visibility-checkbox" class="customization-checkbox"

# NB: because oncommand fires after click, by the time we've fired, the checkbox binding

#    will already have switched the button's state, so this is correct:

          oncommand="gCustomizeMode.toggleTitlebar(this.checked)" data-l10n-id="customize-mode-titlebar"/>

<button id="customization-toolbar-visibility-button" class="footer-button" type="menu" data-l10n-id="customize-mode-toolbars">

  <menupopup id="customization-toolbar-menu" onpopupshowing="onViewToolbarsPopupShowing(event)"/>

</button>

<button id="customization-uidensity-button"

        data-l10n-id="customize-mode-uidensity"

        class="footer-button"

        type="menu"

        hidden="true">

  <panel type="arrow" id="customization-uidensity-menu"

         orient="vertical"

         onpopupshowing="gCustomizeMode.onUIDensityMenuShowing();"

         position="topleft bottomleft"

         flip="none"

         role="menu">

    <menuitem id="customization-uidensity-menuitem-compact"

              class="menuitem-iconic customization-uidensity-menuitem"

              role="menuitemradio"

              data-l10n-id="customize-mode-uidensity-menu-compact-unsupported"

              tabindex="0"

              onfocus="gCustomizeMode.updateUIDensity(this.mode);"

              onmouseover="gCustomizeMode.updateUIDensity(this.mode);"

              onblur="gCustomizeMode.resetUIDensity();"

              onmouseout="gCustomizeMode.resetUIDensity();"

              oncommand="gCustomizeMode.setUIDensity(this.mode);"/>

    <menuitem id="customization-uidensity-menuitem-normal"

              class="menuitem-iconic customization-uidensity-menuitem"

              role="menuitemradio"

              data-l10n-id="customize-mode-uidensity-menu-normal"

              tabindex="0"

              onfocus="gCustomizeMode.updateUIDensity(this.mode);"

              onmouseover="gCustomizeMode.updateUIDensity(this.mode);"

              onblur="gCustomizeMode.resetUIDensity();"

              onmouseout="gCustomizeMode.resetUIDensity();"

              oncommand="gCustomizeMode.setUIDensity(this.mode);"/>

#ifndef XP_MACOSX

    <menuitem id="customization-uidensity-menuitem-touch"

              class="menuitem-iconic customization-uidensity-menuitem"

              role="menuitemradio"

              data-l10n-id="customize-mode-uidensity-menu-touch"

              tabindex="0"

              onfocus="gCustomizeMode.updateUIDensity(this.mode);"

              onmouseover="gCustomizeMode.updateUIDensity(this.mode);"

              onblur="gCustomizeMode.resetUIDensity();"

              onmouseout="gCustomizeMode.resetUIDensity();"

              oncommand="gCustomizeMode.setUIDensity(this.mode);">

    </menuitem>

    <spacer hidden="true" id="customization-uidensity-touch-spacer"/>

    <checkbox id="customization-uidensity-autotouchmode-checkbox"

              hidden="true"

              data-l10n-id="customize-mode-uidensity-auto-touch-mode-checkbox"

              oncommand="gCustomizeMode.updateAutoTouchMode(this.checked)"/>

#endif

  </panel>

</button>

<label is="text-link"

       id="customization-lwtheme-link"

       class="customization-link"

       data-l10n-id="customize-mode-lwthemes-link"

       onclick="gCustomizeMode.openAddonsManagerThemes();" />

<button id="whimsy-button"

        type="checkbox"

        class="footer-button"

        oncommand="gCustomizeMode.togglePong(this.checked);"

        hidden="true"/>

<spacer id="customization-footer-spacer"/>

#ifdef XP_MACOSX

    <button id="customization-touchbar-button"

        class="footer-button"

        hidden="true"

        oncommand="gCustomizeMode.customizeTouchBar();"

        data-l10n-id="customize-mode-touchbar-cmd"/>

    <spacer hidden="true" id="customization-touchbar-spacer"/>

#endif

<button id="customization-undo-reset-button"

        class="footer-button"

        hidden="true"

        oncommand="gCustomizeMode.undoReset();"

        data-l10n-id="customize-mode-undo-cmd"/>

<button id="customization-reset-button"

        oncommand="gCustomizeMode.reset();"

        data-l10n-id="customize-mode-restore-defaults"

        class="footer-button"/>

<button id="customization-done-button"

        oncommand="gCustomizeMode.exit();"

        data-l10n-id="customize-mode-done"

        default="true"

        class="footer-button"/>

</hbox>