forked from mirrors/gecko-dev
1af2a91f5f
Since, in the bug 1875654, we have updated the `browser-toolbarKeyNav.js` to ensure the keyboard navigation handler accounts for intentionally non-focusable controls when calculating focus behavior of toolbar buttons. We are updating the URL Bar `Go` button markup to ensure it won't be included in the keyboard focus order (since a keyboard-only user could press `Enter` to achieve the same submission of their search query), as well as associated mochitests since we do not need to separately set an environment to skip the focus check. This is because we also fine-tune the AccessibilityUtils' `isKeyboardFocusableBrowserToolbarButton()` check to ensure more through confirmation of the image button in question. Differential Revision: https://phabricator.services.mozilla.com/D199394
723 lines
37 KiB
HTML
723 lines
37 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/.
|
|
|
|
<toolbox id="navigator-toolbox">
|
|
|
|
<vbox id="titlebar">
|
|
<!-- Menu -->
|
|
<toolbar type="menubar" id="toolbar-menubar"
|
|
class="browser-toolbar chromeclass-menubar titlebar-color"
|
|
customizable="true"
|
|
mode="icons"
|
|
context="toolbar-context-menu">
|
|
<toolbaritem id="menubar-items" align="center">
|
|
# The entire main menubar is placed into browser-menubar.inc, so that it can be
|
|
# shared with other top level windows in macWindow.inc.xhtml.
|
|
#include browser-menubar.inc
|
|
</toolbaritem>
|
|
<spacer flex="1" skipintoolbarset="true" style="order: 1000;"/>
|
|
#include titlebar-items.inc.xhtml
|
|
</toolbar>
|
|
|
|
<toolbar id="TabsToolbar"
|
|
class="browser-toolbar titlebar-color"
|
|
fullscreentoolbar="true"
|
|
customizable="true"
|
|
customizationtarget="TabsToolbar-customization-target"
|
|
mode="icons"
|
|
data-l10n-id="tabs-toolbar"
|
|
context="toolbar-context-menu"
|
|
flex="1">
|
|
|
|
<hbox class="titlebar-spacer" type="pre-tabs"/>
|
|
|
|
<hbox flex="1" align="end" class="toolbar-items">
|
|
<toolbartabstop/>
|
|
<hbox id="TabsToolbar-customization-target" flex="1">
|
|
<toolbarbutton id="firefox-view-button"
|
|
class="toolbarbutton-1 chromeclass-toolbar-additional"
|
|
data-l10n-id="toolbar-button-firefox-view-2"
|
|
role="button"
|
|
aria-pressed="false"
|
|
oncommand="FirefoxViewHandler.openTab();"
|
|
onmousedown="FirefoxViewHandler.openToolbarMouseEvent(event);"
|
|
cui-areatype="toolbar"
|
|
removable="true"/>
|
|
|
|
<tabs id="tabbrowser-tabs"
|
|
is="tabbrowser-tabs"
|
|
aria-multiselectable="true"
|
|
setfocus="false"
|
|
tooltip="tabbrowser-tab-tooltip"
|
|
stopwatchid="FX_TAB_CLICK_MS">
|
|
<hbox class="tab-drop-indicator" hidden="true"/>
|
|
# If the name (tabbrowser-arrowscrollbox) or structure of this changes
|
|
# significantly, there is an optimization in
|
|
# DisplayPortUtils::MaybeCreateDisplayPortInFirstScrollFrameEncountered based
|
|
# the current structure that we may want to revisit.
|
|
<arrowscrollbox id="tabbrowser-arrowscrollbox" orient="horizontal" flex="1" style="min-width: 1px;" clicktoscroll="true" scrolledtostart="true" scrolledtoend="true">
|
|
<tab is="tabbrowser-tab" class="tabbrowser-tab" selected="true" visuallyselected="" fadein=""/>
|
|
<hbox id="tabbrowser-arrowscrollbox-periphery">
|
|
<toolbartabstop/>
|
|
<toolbarbutton id="tabs-newtab-button"
|
|
class="toolbarbutton-1"
|
|
command="cmd_newNavigatorTab"
|
|
onclick="gBrowser.handleNewTabMiddleClick(this, event);"
|
|
tooltip="dynamic-shortcut-tooltip"/>
|
|
<spacer class="closing-tabs-spacer" style="width: 0;"/>
|
|
</hbox>
|
|
</arrowscrollbox>
|
|
<html:span id="tabbrowser-tab-a11y-desc" hidden="true"/>
|
|
</tabs>
|
|
|
|
<toolbarbutton id="new-tab-button"
|
|
class="toolbarbutton-1 chromeclass-toolbar-additional"
|
|
data-l10n-id="tabs-toolbar-new-tab"
|
|
command="cmd_newNavigatorTab"
|
|
onclick="gBrowser.handleNewTabMiddleClick(this, event);"
|
|
tooltip="dynamic-shortcut-tooltip"
|
|
ondrop="newTabButtonObserver.onDrop(event)"
|
|
ondragover="newTabButtonObserver.onDragOver(event)"
|
|
ondragenter="newTabButtonObserver.onDragOver(event)"
|
|
cui-areatype="toolbar"
|
|
removable="true"/>
|
|
|
|
<toolbarbutton id="alltabs-button"
|
|
class="toolbarbutton-1 chromeclass-toolbar-additional tabs-alltabs-button"
|
|
delegatesanchor="true"
|
|
badged="true"
|
|
onkeypress="gTabsPanel.showAllTabsPanel(event, 'alltabs-button');"
|
|
onmousedown="gTabsPanel.showAllTabsPanel(event, 'alltabs-button');"
|
|
data-l10n-id="tabs-toolbar-list-all-tabs"
|
|
removable="false"/>
|
|
</hbox>
|
|
</hbox>
|
|
|
|
<hbox class="titlebar-spacer" type="post-tabs"/>
|
|
|
|
<hbox id="private-browsing-indicator-with-label">
|
|
<image class="private-browsing-indicator-icon"/>
|
|
<label data-l10n-id="private-browsing-indicator-label"></label>
|
|
</hbox>
|
|
|
|
#include titlebar-items.inc.xhtml
|
|
|
|
</toolbar>
|
|
|
|
</vbox>
|
|
|
|
<toolbar id="nav-bar"
|
|
class="browser-toolbar"
|
|
data-l10n-id="navbar-accessible"
|
|
fullscreentoolbar="true" mode="icons" customizable="true"
|
|
customizationtarget="nav-bar-customization-target"
|
|
overflowable="true"
|
|
default-overflowbutton="nav-bar-overflow-button"
|
|
default-overflowtarget="widget-overflow-list"
|
|
default-overflowpanel="widget-overflow"
|
|
addon-webext-overflowbutton="unified-extensions-button"
|
|
addon-webext-overflowtarget="overflowed-extensions-list"
|
|
context="toolbar-context-menu">
|
|
|
|
<toolbartabstop/>
|
|
|
|
<hbox id="nav-bar-customization-target" flex="1">
|
|
<toolbarbutton id="back-button" class="toolbarbutton-1 chromeclass-toolbar-additional"
|
|
data-l10n-id="toolbar-button-back-2"
|
|
removable="false" overflows="false"
|
|
keepbroadcastattributeswhencustomizing="true"
|
|
command="Browser:BackOrBackDuplicate"
|
|
onclick="checkForMiddleClick(this, event);"
|
|
tooltip="back-button-tooltip"
|
|
context="backForwardMenu"/>
|
|
<toolbarbutton id="forward-button" class="toolbarbutton-1 chromeclass-toolbar-additional"
|
|
data-l10n-id="toolbar-button-forward-2"
|
|
removable="false" overflows="false"
|
|
keepbroadcastattributeswhencustomizing="true"
|
|
command="Browser:ForwardOrForwardDuplicate"
|
|
onclick="checkForMiddleClick(this, event);"
|
|
tooltip="forward-button-tooltip"
|
|
context="backForwardMenu"/>
|
|
<toolbaritem id="stop-reload-button" class="chromeclass-toolbar-additional"
|
|
data-l10n-id="toolbar-button-stop-reload"
|
|
removable="true" overflows="false">
|
|
<toolbarbutton id="reload-button" class="toolbarbutton-1"
|
|
data-l10n-id="toolbar-button-reload"
|
|
command="Browser:ReloadOrDuplicate"
|
|
onclick="checkForMiddleClick(this, event);"
|
|
tooltip="dynamic-shortcut-tooltip">
|
|
<box class="toolbarbutton-animatable-box">
|
|
<image class="toolbarbutton-animatable-image"/>
|
|
</box>
|
|
</toolbarbutton>
|
|
<toolbarbutton id="stop-button" class="toolbarbutton-1"
|
|
data-l10n-id="toolbar-button-stop"
|
|
command="Browser:Stop"
|
|
tooltip="dynamic-shortcut-tooltip">
|
|
<box class="toolbarbutton-animatable-box">
|
|
<image class="toolbarbutton-animatable-image"/>
|
|
</box>
|
|
</toolbarbutton>
|
|
</toolbaritem>
|
|
<toolbarspring cui-areatype="toolbar" class="chromeclass-toolbar-additional"/>
|
|
<toolbaritem id="urlbar-container"
|
|
removable="false"
|
|
class="chromeclass-location" overflows="false">
|
|
<toolbartabstop/>
|
|
<hbox id="urlbar" flex="1"
|
|
context=""
|
|
focused="true"
|
|
pageproxystate="invalid">
|
|
<hbox id="urlbar-background"/>
|
|
<hbox id="urlbar-input-container"
|
|
flex="1"
|
|
pageproxystate="invalid">
|
|
<box id="remote-control-box"
|
|
align="center"
|
|
collapsed="true">
|
|
<image id="remote-control-icon"/>
|
|
</box>
|
|
<box id="urlbar-search-button"
|
|
class="chromeclass-toolbar-additional"/>
|
|
<!-- Use onclick instead of normal popup= syntax since the popup
|
|
code fires onmousedown, and hence eats our favicon drag events. -->
|
|
<box id="tracking-protection-icon-container" align="center"
|
|
role="button"
|
|
onclick="gProtectionsHandler.handleProtectionsButtonEvent(event);"
|
|
onkeypress="gProtectionsHandler.handleProtectionsButtonEvent(event);"
|
|
onmouseover="gProtectionsHandler.onTrackingProtectionIconHoveredOrFocused();"
|
|
onfocus="gProtectionsHandler.onTrackingProtectionIconHoveredOrFocused();"
|
|
tooltip="tracking-protection-icon-tooltip">
|
|
<box id="tracking-protection-icon-box">
|
|
<image id="tracking-protection-icon"/>
|
|
</box>
|
|
<tooltip id="tracking-protection-icon-tooltip">
|
|
<description id="tracking-protection-icon-tooltip-label" class="tooltip-label"/>
|
|
</tooltip>
|
|
</box>
|
|
<box id="identity-box"
|
|
pageproxystate="invalid"
|
|
ondragstart="gIdentityHandler.onDragStart(event);">
|
|
<box id="identity-icon-box"
|
|
role="button"
|
|
align="center"
|
|
data-l10n-id="urlbar-identity-button"
|
|
class="identity-box-button"
|
|
onclick="gIdentityHandler.handleIdentityButtonEvent(event); PageProxyClickHandler(event);"
|
|
onkeypress="gIdentityHandler.handleIdentityButtonEvent(event);">
|
|
<image id="identity-icon"/>
|
|
<label id="identity-icon-label" class="plain" crop="center" flex="1"/>
|
|
</box>
|
|
<box id="identity-permission-box"
|
|
data-l10n-id="urlbar-permissions-granted"
|
|
role="button"
|
|
align="center"
|
|
class="identity-box-button"
|
|
onclick="gPermissionPanel.handleIdentityButtonEvent(event); PageProxyClickHandler(event);"
|
|
onkeypress="gPermissionPanel.handleIdentityButtonEvent(event);">
|
|
<image id="permissions-granted-icon"/>
|
|
<box style="pointer-events: none;">
|
|
<image class="sharing-icon" id="webrtc-sharing-icon"/>
|
|
<image class="sharing-icon geo-icon" id="geo-sharing-icon"/>
|
|
<image class="sharing-icon xr-icon" id="xr-sharing-icon"/>
|
|
</box>
|
|
<box id="blocked-permissions-container" align="center">
|
|
<image data-permission-id="geo" class="blocked-permission-icon geo-icon" role="button"
|
|
data-l10n-id="urlbar-geolocation-blocked"/>
|
|
<image data-permission-id="xr" class="blocked-permission-icon xr-icon" role="button"
|
|
data-l10n-id="urlbar-xr-blocked"/>
|
|
<image data-permission-id="desktop-notification" class="blocked-permission-icon desktop-notification-icon" role="button"
|
|
data-l10n-id="urlbar-web-notifications-blocked"/>
|
|
<image data-permission-id="camera" class="blocked-permission-icon camera-icon" role="button"
|
|
data-l10n-id="urlbar-camera-blocked"/>
|
|
<image data-permission-id="microphone" class="blocked-permission-icon microphone-icon" role="button"
|
|
data-l10n-id="urlbar-microphone-blocked"/>
|
|
<image data-permission-id="screen" class="blocked-permission-icon screen-icon" role="button"
|
|
data-l10n-id="urlbar-screen-blocked"/>
|
|
<image data-permission-id="persistent-storage" class="blocked-permission-icon persistent-storage-icon" role="button"
|
|
data-l10n-id="urlbar-persistent-storage-blocked"/>
|
|
<image data-permission-id="popup" class="blocked-permission-icon popup-icon" role="button"
|
|
data-l10n-id="urlbar-popup-blocked"/>
|
|
<image data-permission-id="autoplay-media" class="blocked-permission-icon autoplay-media-icon" role="button"
|
|
data-l10n-id="urlbar-autoplay-media-blocked"/>
|
|
<image data-permission-id="canvas" class="blocked-permission-icon canvas-icon" role="button"
|
|
data-l10n-id="urlbar-canvas-blocked"/>
|
|
<image data-permission-id="midi" class="blocked-permission-icon midi-icon" role="button"
|
|
data-l10n-id="urlbar-midi-blocked"/>
|
|
<image data-permission-id="install" class="blocked-permission-icon install-icon" role="button"
|
|
data-l10n-id="urlbar-install-blocked"/>
|
|
<!-- A speaker icon for blocked speaker selection is not
|
|
shown because, without text, this may be interpreted as
|
|
active or blocked audio. -->
|
|
</box>
|
|
</box>
|
|
<box id="notification-popup-box"
|
|
class="anchor-root"
|
|
hidden="true"
|
|
align="center">
|
|
<image id="default-notification-icon" class="notification-anchor-icon" role="button"
|
|
data-l10n-id="urlbar-default-notification-anchor"/>
|
|
<image id="geo-notification-icon" class="notification-anchor-icon geo-icon" role="button"
|
|
data-l10n-id="urlbar-geolocation-notification-anchor"/>
|
|
<image id="xr-notification-icon" class="notification-anchor-icon xr-icon" role="button"
|
|
data-l10n-id="urlbar-xr-notification-anchor"/>
|
|
<image id="autoplay-media-notification-icon" class="notification-anchor-icon autoplay-media-icon" role="button"
|
|
data-l10n-id="urlbar-autoplay-notification-anchor"/>
|
|
<image id="addons-notification-icon" class="notification-anchor-icon install-icon" role="button"
|
|
data-l10n-id="urlbar-addons-notification-anchor"/>
|
|
<image id="canvas-notification-icon" class="notification-anchor-icon" role="button"
|
|
data-l10n-id="urlbar-canvas-notification-anchor"/>
|
|
<image id="indexedDB-notification-icon" class="notification-anchor-icon indexedDB-icon" role="button"
|
|
data-l10n-id="urlbar-indexed-db-notification-anchor"/>
|
|
<image id="password-notification-icon" class="notification-anchor-icon" role="button"
|
|
data-l10n-id="urlbar-password-notification-anchor"/>
|
|
<image id="web-notifications-notification-icon" class="notification-anchor-icon desktop-notification-icon" role="button"
|
|
data-l10n-id="urlbar-web-notification-anchor"/>
|
|
<image id="webRTC-shareDevices-notification-icon" class="notification-anchor-icon camera-icon" role="button"
|
|
data-l10n-id="urlbar-web-rtc-share-devices-notification-anchor"/>
|
|
<image id="webRTC-shareMicrophone-notification-icon" class="notification-anchor-icon microphone-icon" role="button"
|
|
data-l10n-id="urlbar-web-rtc-share-microphone-notification-anchor"/>
|
|
<image id="webRTC-shareScreen-notification-icon" class="notification-anchor-icon screen-icon" role="button"
|
|
data-l10n-id="urlbar-web-rtc-share-screen-notification-anchor"/>
|
|
<image id="webRTC-shareSpeaker-notification-icon" class="notification-anchor-icon speaker-icon" role="button"
|
|
data-l10n-id="urlbar-web-rtc-share-speaker-notification-anchor"/>
|
|
<image id="servicesInstall-notification-icon" class="notification-anchor-icon service-icon" role="button"
|
|
data-l10n-id="urlbar-services-notification-anchor"/>
|
|
<image id="eme-notification-icon" class="notification-anchor-icon drm-icon" role="button"
|
|
data-l10n-id="urlbar-eme-notification-anchor"/>
|
|
<image id="persistent-storage-notification-icon" class="notification-anchor-icon persistent-storage-icon" role="button"
|
|
data-l10n-id="urlbar-persistent-storage-notification-anchor"/>
|
|
<image id="midi-notification-icon" class="notification-anchor-icon midi-icon" role="button"
|
|
data-l10n-id="urlbar-midi-notification-anchor"/>
|
|
<image id="webauthn-notification-icon" class="notification-anchor-icon" role="button"
|
|
data-l10n-id="urlbar-web-authn-anchor"/>
|
|
<image id="identity-credential-notification-icon" class="notification-anchor-icon" role="button"
|
|
data-l10n-id="identity-credential-urlbar-anchor"/>
|
|
<image id="storage-access-notification-icon" class="notification-anchor-icon storage-access-icon" role="button"
|
|
data-l10n-id="urlbar-storage-access-anchor"/>
|
|
</box>
|
|
</box>
|
|
<box id="urlbar-label-box" align="center">
|
|
<label id="urlbar-label-switchtab" class="urlbar-label" data-l10n-id="urlbar-switch-to-tab"/>
|
|
<label id="urlbar-label-extension" class="urlbar-label" data-l10n-id="urlbar-extension"/>
|
|
<label id="urlbar-label-search-mode" class="urlbar-label"/>
|
|
</box>
|
|
<html:div id="urlbar-search-mode-indicator">
|
|
<html:span id="urlbar-search-mode-indicator-title"/>
|
|
<html:div id="urlbar-search-mode-indicator-close"
|
|
class="close-button"
|
|
role="button"
|
|
aria-labelledby="urlbar-search-mode-indicator-close urlbar-search-mode-indicator-title"
|
|
data-l10n-id="urlbar-search-mode-indicator-close"/>
|
|
</html:div>
|
|
<moz-input-box tooltip="aHTMLTooltip"
|
|
class="urlbar-input-box"
|
|
flex="1"
|
|
role="combobox"
|
|
aria-owns="urlbar-results">
|
|
<html:input id="urlbar-scheme"
|
|
required="required"/>
|
|
<html:input id="urlbar-input"
|
|
anonid="input"
|
|
aria-controls="urlbar-results"
|
|
aria-autocomplete="both"
|
|
inputmode="mozAwesomebar"
|
|
data-l10n-id="urlbar-placeholder"
|
|
data-l10n-attrs="placeholder"/>
|
|
</moz-input-box>
|
|
<image id="urlbar-go-button"
|
|
class="urlbar-icon"
|
|
role="button"
|
|
keyNav="false"
|
|
onclick="gURLBar.handleCommand(event);"
|
|
data-l10n-id="urlbar-go-button"/>
|
|
<hbox id="page-action-buttons" context="pageActionContextMenu" align="center">
|
|
<toolbartabstop/>
|
|
<hbox id="contextual-feature-recommendation" role="button" hidden="true">
|
|
<hbox id="cfr-label-container">
|
|
<label id="cfr-label"/>
|
|
</hbox>
|
|
<hbox id="cfr-button"
|
|
role="presentation"
|
|
class="urlbar-page-action">
|
|
<image class="urlbar-icon"/>
|
|
</hbox>
|
|
</hbox>
|
|
<hbox id="userContext-icons" hidden="true">
|
|
<label id="userContext-label"/>
|
|
<image id="userContext-indicator"/>
|
|
</hbox>
|
|
<hbox id="reader-mode-button"
|
|
class="urlbar-page-action"
|
|
role="button"
|
|
data-l10n-id="reader-view-enter-button"
|
|
hidden="true"
|
|
tooltip="dynamic-shortcut-tooltip"
|
|
onclick="AboutReaderParent.buttonClick(event);">
|
|
<image id="reader-mode-button-icon"
|
|
class="urlbar-icon"/>
|
|
</hbox>
|
|
<hbox id="picture-in-picture-button"
|
|
class="urlbar-page-action"
|
|
role="button"
|
|
hidden="true"
|
|
onclick="PictureInPicture.toggleUrlbar(event)">
|
|
<image id="picture-in-picture-button-icon"
|
|
class="urlbar-icon"/>
|
|
</hbox>
|
|
<hbox id="translations-button"
|
|
class="urlbar-page-action"
|
|
role="button"
|
|
data-l10n-id="urlbar-translations-button2"
|
|
hidden="true"
|
|
onclick="TranslationsPanel.open(event);"
|
|
onkeypress="TranslationsPanel.open(event);">
|
|
<image class="urlbar-icon" id="translations-button-icon" />
|
|
<image class="urlbar-icon" id="translations-button-circle-arrows" />
|
|
<html:span id="translations-button-locale" aria-hidden="true" />
|
|
</hbox>
|
|
<hbox id="shopping-sidebar-button"
|
|
class="urlbar-page-action"
|
|
role="button"
|
|
data-l10n-id="shopping-sidebar-open-button2"
|
|
hidden="true"
|
|
onclick="ShoppingSidebarParent.urlbarButtonClick(event);">
|
|
<image id="shopping-sidebar-button-icon"
|
|
class="urlbar-icon"/>
|
|
</hbox>
|
|
<toolbarbutton id="urlbar-zoom-button"
|
|
onclick="FullZoom.resetFromURLBar(event);"
|
|
tooltip="dynamic-shortcut-tooltip"
|
|
hidden="true"/>
|
|
<hbox id="pageActionButton"
|
|
class="urlbar-page-action"
|
|
role="button"
|
|
data-l10n-id="urlbar-page-action-button"
|
|
onmousedown="BrowserPageActions.mainButtonClicked(event);"
|
|
onkeypress="BrowserPageActions.mainButtonClicked(event);">
|
|
<image class="urlbar-icon"/>
|
|
</hbox>
|
|
<hbox id="star-button-box"
|
|
hidden="true"
|
|
role="button"
|
|
class="urlbar-page-action"
|
|
onclick="BrowserPageActions.doCommandForAction(PageActions.actionForID('bookmark'), event, this);">
|
|
<image id="star-button"
|
|
class="urlbar-icon"/>
|
|
</hbox>
|
|
</hbox>
|
|
</hbox>
|
|
</hbox>
|
|
<toolbartabstop/>
|
|
</toolbaritem>
|
|
|
|
<toolbarspring cui-areatype="toolbar" class="chromeclass-toolbar-additional"/>
|
|
|
|
<toolbarbutton id="downloads-button"
|
|
class="toolbarbutton-1 chromeclass-toolbar-additional"
|
|
delegatesanchor="true"
|
|
badged="true"
|
|
key="key_openDownloads"
|
|
onmousedown="DownloadsIndicatorView.onCommand(event);"
|
|
onkeypress="DownloadsIndicatorView.onCommand(event);"
|
|
ondrop="DownloadsIndicatorView.onDrop(event);"
|
|
ondragover="DownloadsIndicatorView.onDragOver(event);"
|
|
ondragenter="DownloadsIndicatorView.onDragOver(event);"
|
|
data-l10n-id="navbar-downloads"
|
|
removable="true"
|
|
overflows="false"
|
|
cui-areatype="toolbar"
|
|
hidden="true"
|
|
tooltip="dynamic-shortcut-tooltip">
|
|
<box id="downloads-indicator-anchor"
|
|
consumeanchor="downloads-button">
|
|
<image id="downloads-indicator-icon"/>
|
|
</box>
|
|
<box class="toolbarbutton-animatable-box" id="downloads-indicator-progress-outer">
|
|
<box id="downloads-indicator-progress-inner"/>
|
|
</box>
|
|
<box class="toolbarbutton-animatable-box" id="downloads-indicator-start-box">
|
|
<image class="toolbarbutton-animatable-image" id="downloads-indicator-start-image"/>
|
|
</box>
|
|
<box class="toolbarbutton-animatable-box" id="downloads-indicator-finish-box">
|
|
<image class="toolbarbutton-animatable-image" id="downloads-indicator-finish-image"/>
|
|
</box>
|
|
</toolbarbutton>
|
|
|
|
<toolbarbutton id="fxa-toolbar-menu-button" class="toolbarbutton-1 chromeclass-toolbar-additional subviewbutton-nav"
|
|
badged="true"
|
|
delegatesanchor="true"
|
|
onmousedown="gSync.toggleAccountPanel(this, event)"
|
|
onkeypress="gSync.toggleAccountPanel(this, event)"
|
|
consumeanchor="fxa-toolbar-menu-button"
|
|
closemenu="none"
|
|
data-l10n-id="toolbar-button-account"
|
|
cui-areatype="toolbar"
|
|
removable="true">
|
|
<vbox>
|
|
<image id="fxa-avatar-image"/>
|
|
</vbox>
|
|
</toolbarbutton>
|
|
|
|
<toolbarbutton id="unified-extensions-button"
|
|
class="toolbarbutton-1 chromeclass-toolbar-additional"
|
|
delegatesanchor="true"
|
|
data-l10n-id="unified-extensions-button"
|
|
hidden="true"
|
|
onkeypress="gUnifiedExtensions.togglePanel(event)"
|
|
onmousedown="gUnifiedExtensions.togglePanel(event)"
|
|
overflows="false"
|
|
removable="false"/>
|
|
</hbox>
|
|
|
|
<toolbarbutton id="nav-bar-overflow-button"
|
|
class="toolbarbutton-1 chromeclass-toolbar-additional overflow-button"
|
|
delegatesanchor="true"
|
|
skipintoolbarset="true"
|
|
data-l10n-id="navbar-overflow">
|
|
<box class="toolbarbutton-animatable-box">
|
|
<image class="toolbarbutton-animatable-image"/>
|
|
</box>
|
|
</toolbarbutton>
|
|
|
|
<toolbaritem id="PanelUI-button"
|
|
removable="false">
|
|
<toolbarbutton id="ion-button"
|
|
class="toolbarbutton-1"
|
|
delegatesanchor="true"
|
|
hidden="true"
|
|
badged="true"
|
|
tooltiptext="Ion"
|
|
onmousedown="switchToTabHavingURI('about:ion', true);"
|
|
onkeypress="switchToTabHavingURI('about:ion', true);"/>
|
|
<toolbarbutton id="whats-new-menu-button"
|
|
class="toolbarbutton-1"
|
|
delegatesanchor="true"
|
|
hidden="true"
|
|
badged="true"
|
|
onmousedown="PanelUI.showSubView('PanelUI-whatsNew', this, event);"
|
|
onkeypress="PanelUI.showSubView('PanelUI-whatsNew', this, event);"/>
|
|
<toolbarbutton id="PanelUI-menu-button"
|
|
class="toolbarbutton-1"
|
|
delegatesanchor="true"
|
|
badged="true"
|
|
consumeanchor="PanelUI-button"
|
|
data-l10n-id="appmenu-menu-button-closed2"/>
|
|
</toolbaritem>
|
|
</toolbar>
|
|
|
|
<toolbar id="PersonalToolbar"
|
|
mode="icons"
|
|
class="browser-toolbar chromeclass-directories"
|
|
context="toolbar-context-menu"
|
|
data-l10n-id="bookmarks-toolbar"
|
|
data-l10n-attrs="toolbarname"
|
|
customizable="true">
|
|
<toolbartabstop skipintoolbarset="true"/>
|
|
|
|
<hbox id="personal-toolbar-empty" skipintoolbarset="true" removable="false" hidden="true">
|
|
<description id="personal-toolbar-empty-description"
|
|
data-l10n-id="bookmarks-toolbar-empty-message"
|
|
onclick="BookmarkingUI.openLibraryIfLinkClicked(event);"
|
|
onkeydown="BookmarkingUI.openLibraryIfLinkClicked(event);">
|
|
<html:a data-l10n-name="manage-bookmarks" class="text-link" tabindex="0"/>
|
|
</description>
|
|
</hbox>
|
|
|
|
<toolbaritem id="personal-bookmarks"
|
|
data-l10n-id="bookmarks-toolbar-placeholder"
|
|
cui-areatype="toolbar"
|
|
removable="true">
|
|
<toolbarbutton id="bookmarks-toolbar-placeholder"
|
|
class="bookmark-item"
|
|
data-l10n-id="bookmarks-toolbar-placeholder-button"/>
|
|
<toolbarbutton id="bookmarks-toolbar-button"
|
|
class="toolbarbutton-1"
|
|
delegatesanchor="true"
|
|
flex="1"
|
|
data-l10n-id="bookmarks-toolbar-placeholder-button"
|
|
oncommand="PlacesToolbarHelper.onPlaceholderCommand();"/>
|
|
<hbox flex="1"
|
|
id="PlacesToolbar"
|
|
context="placesContext"
|
|
onmouseup="BookmarksEventHandler.onMouseUp(event);"
|
|
onclick="BookmarksEventHandler.onClick(event, this._placesView);"
|
|
oncommand="BookmarksEventHandler.onCommand(event);"
|
|
tooltip="bhTooltip"
|
|
popupsinherittooltip="true">
|
|
<hbox id="PlacesToolbarDropIndicatorHolder" align="center" collapsed="true">
|
|
<image id="PlacesToolbarDropIndicator"
|
|
collapsed="true"/>
|
|
</hbox>
|
|
<scrollbox orient="horizontal"
|
|
id="PlacesToolbarItems"
|
|
flex="1"/>
|
|
<toolbarbutton type="menu"
|
|
id="PlacesChevron"
|
|
class="toolbarbutton-1"
|
|
delegatesanchor="true"
|
|
collapsed="true"
|
|
data-l10n-id="bookmarks-toolbar-chevron">
|
|
<menupopup id="PlacesChevronPopup"
|
|
is="places-popup"
|
|
placespopup="true"
|
|
class="toolbar-menupopup"
|
|
tooltip="bhTooltip" popupsinherittooltip="true"
|
|
context="placesContext"
|
|
onpopupshowing="document.getElementById('PlacesToolbar')
|
|
._placesView._onChevronPopupShowing(event);"/>
|
|
</toolbarbutton>
|
|
</hbox>
|
|
</toolbaritem>
|
|
</toolbar>
|
|
|
|
<html:template id="tab-notification-deck-template">
|
|
<html:named-deck id="tab-notification-deck"></html:named-deck>
|
|
</html:template>
|
|
|
|
|
|
<html:template id="BrowserToolbarPalette">
|
|
<toolbarbutton id="import-button"
|
|
class="toolbarbutton-1 chromeclass-toolbar-additional"
|
|
oncommand="MigrationUtils.showMigrationWizard(window, { entrypoint: MigrationUtils.MIGRATION_ENTRYPOINTS.BOOKMARKS_TOOLBAR });"
|
|
data-l10n-id="browser-import-button2"/>
|
|
|
|
<toolbarbutton id="new-window-button" class="toolbarbutton-1 chromeclass-toolbar-additional"
|
|
data-l10n-id="appmenuitem-new-window"
|
|
command="cmd_newNavigator"
|
|
tooltip="dynamic-shortcut-tooltip"
|
|
ondrop="newWindowButtonObserver.onDrop(event)"
|
|
ondragover="newWindowButtonObserver.onDragOver(event)"
|
|
ondragenter="newWindowButtonObserver.onDragOver(event)"/>
|
|
|
|
<toolbarbutton id="fullscreen-button" class="toolbarbutton-1 chromeclass-toolbar-additional"
|
|
observes="View:FullScreen"
|
|
type="checkbox"
|
|
data-l10n-id="appmenuitem-fullscreen"
|
|
tooltip="dynamic-shortcut-tooltip"/>
|
|
|
|
<toolbarbutton id="bookmarks-menu-button"
|
|
class="toolbarbutton-1 chromeclass-toolbar-additional subviewbutton-nav"
|
|
delegatesanchor="true"
|
|
type="menu"
|
|
data-l10n-id="bookmarks-menu-button"
|
|
tooltip="dynamic-shortcut-tooltip"
|
|
ondragenter="PlacesMenuDNDHandler.onDragEnter(event);"
|
|
ondragover="PlacesMenuDNDHandler.onDragOver(event);"
|
|
ondragleave="PlacesMenuDNDHandler.onDragLeave(event);"
|
|
ondrop="PlacesMenuDNDHandler.onDrop(event);"
|
|
oncommand="BookmarkingUI.onCommand(event);">
|
|
<menupopup id="BMB_bookmarksPopup"
|
|
is="places-popup-arrow"
|
|
class="toolbar-menupopup"
|
|
placespopup="true"
|
|
context="placesContext"
|
|
openInTabs="children"
|
|
side="top"
|
|
onmouseup="BookmarksEventHandler.onMouseUp(event);"
|
|
oncommand="BookmarksEventHandler.onCommand(event);"
|
|
onclick="BookmarksEventHandler.onClick(event, this.parentNode._placesView);"
|
|
onpopupshowing="BookmarkingUI.onPopupShowing(event);
|
|
if (!this.parentNode._placesView)
|
|
new PlacesMenu(event, `place:parent=${PlacesUtils.bookmarks.menuGuid}`);"
|
|
tooltip="bhTooltip" popupsinherittooltip="true">
|
|
<menuitem id="BMB_viewBookmarksSidebar"
|
|
data-l10n-id="bookmarks-tools-sidebar-visibility"
|
|
data-l10n-args='{ "isVisible": false }'
|
|
oncommand="SidebarUI.toggle('viewBookmarksSidebar');"
|
|
key="viewBookmarksSidebarKb"/>
|
|
<menuitem id="BMB_searchBookmarks"
|
|
data-l10n-id="bookmarks-search"
|
|
oncommand="PlacesCommandHook.searchBookmarks();"/>
|
|
<!-- NB: temporary solution for bug 985024, this should go away soon. -->
|
|
<menuitem id="BMB_bookmarksShowAllTop"
|
|
data-l10n-id="bookmarks-manage-bookmarks"
|
|
command="Browser:ShowAllBookmarks"
|
|
key="manBookmarkKb"/>
|
|
<menuseparator/>
|
|
<menu id="BMB_bookmarksToolbar"
|
|
class="bookmark-item menu-iconic"
|
|
data-l10n-id="bookmarks-toolbar-menu"
|
|
container="true">
|
|
<menupopup id="BMB_bookmarksToolbarPopup"
|
|
is="places-popup"
|
|
placespopup="true"
|
|
context="placesContext"
|
|
onpopupshowing="if (!this.parentNode._placesView)
|
|
new PlacesMenu(event, `place:parent=${PlacesUtils.bookmarks.toolbarGuid}`);">
|
|
<menuitem id="BMB_viewBookmarksToolbar"
|
|
data-l10n-id="bookmarks-tools-toolbar-visibility-menuitem"
|
|
data-l10n-args='{ "isVisible": false }'
|
|
oncommand="BookmarkingUI.toggleBookmarksToolbar('bookmarks-widget');"/>
|
|
<menuseparator/>
|
|
<!-- Bookmarks toolbar items -->
|
|
</menupopup>
|
|
</menu>
|
|
<menu id="BMB_unsortedBookmarks"
|
|
class="bookmark-item menu-iconic"
|
|
data-l10n-id="bookmarks-other-bookmarks-menu"
|
|
container="true">
|
|
<menupopup id="BMB_unsortedBookmarksPopup"
|
|
is="places-popup"
|
|
placespopup="true"
|
|
context="placesContext"
|
|
onpopupshowing="if (!this.parentNode._placesView)
|
|
new PlacesMenu(event, `place:parent=${PlacesUtils.bookmarks.unfiledGuid}`);"/>
|
|
</menu>
|
|
<menu id="BMB_mobileBookmarks"
|
|
class="menu-iconic bookmark-item subviewbutton"
|
|
data-l10n-id="bookmarks-mobile-bookmarks-menu"
|
|
hidden="true"
|
|
container="true">
|
|
<menupopup id="BMB_mobileBookmarksPopup"
|
|
is="places-popup"
|
|
placespopup="true"
|
|
context="placesContext"
|
|
onpopupshowing="if (!this.parentNode._placesView)
|
|
new PlacesMenu(event, `place:parent=${PlacesUtils.bookmarks.mobileGuid}`);"/>
|
|
</menu>
|
|
|
|
<menuseparator/>
|
|
<!-- Bookmarks menu items will go here -->
|
|
<menuseparator class="hide-if-empty-places-result"
|
|
afterplacescontent="true"/>
|
|
|
|
<menuitem id="BMB_bookmarksShowAll"
|
|
data-l10n-id="bookmarks-manage-bookmarks"
|
|
afterplacescontent="true"
|
|
command="Browser:ShowAllBookmarks"
|
|
key="manBookmarkKb"/>
|
|
</menupopup>
|
|
</toolbarbutton>
|
|
|
|
<toolbaritem id="search-container"
|
|
class="chromeclass-toolbar-additional"
|
|
data-l10n-id="navbar-search"
|
|
align="center"
|
|
persist="width">
|
|
<toolbartabstop/>
|
|
<searchbar id="searchbar" flex="1"/>
|
|
<toolbartabstop/>
|
|
</toolbaritem>
|
|
|
|
<toolbarbutton id="home-button" class="toolbarbutton-1 chromeclass-toolbar-additional"
|
|
removable="true"
|
|
data-l10n-id="navbar-home"
|
|
ondragover="homeButtonObserver.onDragOver(event)"
|
|
ondragenter="homeButtonObserver.onDragOver(event)"
|
|
ondrop="homeButtonObserver.onDrop(event)"
|
|
key="goHome"
|
|
onclick="BrowserHome(event);"
|
|
cui-areatype="toolbar"/>
|
|
|
|
<toolbarbutton id="library-button" class="toolbarbutton-1 chromeclass-toolbar-additional subviewbutton-nav"
|
|
removable="true"
|
|
delegatesanchor="true"
|
|
onmousedown="PanelUI.showSubView('appMenu-libraryView', this, event);"
|
|
onkeypress="PanelUI.showSubView('appMenu-libraryView', this, event);"
|
|
closemenu="none"
|
|
cui-areatype="toolbar"
|
|
data-l10n-id="navbar-library"/>
|
|
</html:template>
|
|
</toolbox>
|