forked from mirrors/gecko-dev
7734b14655
Customize mode was already using display: flex, so the migration caused some interesting interactions. In particular -moz-box-flex: 1 rules had no effect at all, so remove them (same for the flex="" attribute). Un-flex items in the overflow menu so that they don't spread too much. Use flex: 1 in the customization-content-container to reset flex-shrink to 1 (XUL flex didn't allow shrinking by default, so xul.css has flex-shrink: 0). Differential Revision: https://phabricator.services.mozilla.com/D172144
119 lines
5.5 KiB
HTML
119 lines
5.5 KiB
HTML
<!-- 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="customizationmode-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="customizationmode-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="customizationmode-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"
|
|
data-l10n-id="customize-mode-lwthemes-link"
|
|
onclick="gCustomizeMode.openAddonsManagerThemes();" />
|
|
|
|
<button id="whimsy-button"
|
|
type="checkbox"
|
|
class="customizationmode-button"
|
|
oncommand="gCustomizeMode.togglePong(this.checked);"
|
|
hidden="true"/>
|
|
|
|
<spacer id="customization-footer-spacer"/>
|
|
#ifdef XP_MACOSX
|
|
<button id="customization-touchbar-button"
|
|
class="customizationmode-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="customizationmode-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="customizationmode-button"/>
|
|
<button id="customization-done-button"
|
|
oncommand="gCustomizeMode.exit();"
|
|
data-l10n-id="customize-mode-done"
|
|
class="customizationmode-button"/>
|
|
</hbox>
|