fune/browser/components/preferences/experimental.inc.xhtml
Emilio Cobos Álvarez 097eb3703e Bug 1820534 - Move front-end to modern flexbox. r=Gijs,dao,settings-reviewers,credential-management-reviewers,sgalich,devtools-reviewers,nchevobbe
Done mostly automatically via find/replace following the conversions
specified here:

  https://groups.google.com/a/mozilla.org/g/firefox-dev/c/9sGpF1TNbLk/m/QpU3oTUuAgAJ

For the most part I think the "flex: N N" usage could be simplified to
just "flex: N", but I wanted to preserve behavior (-moz-box-flex sets
both flex-grow and flex-shrink).

I changed legacy layout to also look at the order property rather than
-moz-box-ordinal-group because it made splitters and treecols easier (we
don't need to deal with both orders).

Differential Revision: https://phabricator.services.mozilla.com/D171715
2023-03-08 16:13:57 +00:00

37 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/.
<!-- Experimental panel -->
<script src="chrome://browser/content/preferences/experimental.js"/>
<html:template id="template-paneExperimental">
<vbox id="firefoxExperimentalCategory"
class="subcategory"
hidden="true"
data-category="paneExperimental">
<html:h1 style="flex: 1;" data-l10n-id="pane-experimental-title"/>
<label><html:h2 id="pane-experimental-subtitle" data-l10n-id="pane-experimental-subtitle"/></label>
<hbox pack="end">
<button id="experimentalCategory-reset"
class="accessory-button"
data-l10n-id="pane-experimental-reset"/>
</hbox>
</vbox>
<groupbox data-category="paneExperimental"
id="pane-experimental-featureGates"
hidden="true">
<label class="search-header" hidden="true">
<html:h2 id="pane-experimental-search-results-header" data-l10n-id="pane-experimental-search-results-header"/>
</label>
<html:p data-l10n-id="pane-experimental-description2"/>
</groupbox>
</html:template>
<html:template id="template-featureGate">
<html:div class="featureGate">
<checkbox class="featureGateCheckbox"/>
<label class="featureGateDescription"/>
</html:div>
</html:template>