mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-07 19:59:18 +02:00
a7401488af
This makes it easier to get parity between legacy and regular flex without having to either have tons of arbitrary attribute selectors in the xul sheet, nor adding attribute lookup hacks to the html flexbox layout. Also, reimplement the remaining supported flex attribute-values (0 and 1) purely in terms of CSS rules in xul.css (regardless of whether emulate-moz-box-with-flex is enabled). In practice these are pretty uncommon and the style attribute does the trick in every case I've tried. Add a debug-only assertion to ensure we preserve behavior for now. Add a new test with another behavior difference between flexbox emulation and old xul layout because the old reftest now passes. Use replaced elements, which in modern flex are treated differently. Differential Revision: https://phabricator.services.mozilla.com/D154394
30 lines
1.4 KiB
HTML
30 lines
1.4 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/.
|
|
|
|
<hbox flex="1" id="browser">
|
|
<vbox id="sidebar-box" hidden="true" class="chromeclass-extrachrome">
|
|
<box id="sidebar-header" align="center">
|
|
<toolbarbutton id="sidebar-switcher-target" class="tabbable">
|
|
<image id="sidebar-icon" consumeanchor="sidebar-switcher-target"/>
|
|
<label id="sidebar-title" crop="end" control="sidebar"/>
|
|
<image id="sidebar-switcher-arrow"/>
|
|
</toolbarbutton>
|
|
<image id="sidebar-throbber"/>
|
|
<spacer id="sidebar-spacer"/>
|
|
<toolbarbutton id="sidebar-close" class="close-icon tabbable" data-l10n-id="sidebar-close-button" oncommand="SidebarUI.hide();"/>
|
|
</box>
|
|
<browser id="sidebar" autoscroll="false" disablehistory="true" disablefullscreen="true"
|
|
style="min-width: 14em; width: 18em; max-width: 36em;" tooltip="aHTMLTooltip"/>
|
|
</vbox>
|
|
|
|
<splitter id="sidebar-splitter" class="chromeclass-extrachrome sidebar-splitter" hidden="true"/>
|
|
<vbox id="appcontent" flex="1">
|
|
<!-- gNotificationBox will be added here lazily. -->
|
|
<tabbox id="tabbrowser-tabbox"
|
|
flex="1" tabcontainer="tabbrowser-tabs">
|
|
<tabpanels id="tabbrowser-tabpanels"
|
|
flex="1" class="plain" selectedIndex="0"/>
|
|
</tabbox>
|
|
</vbox>
|
|
</hbox>
|