Bug 1646178 - Use similar markup as the other preference categories to show a header within the search results. r=mstriemer,fluent-reviewers,preferences-reviewers

Differential Revision: https://phabricator.services.mozilla.com/D80959
This commit is contained in:
Jared Wein 2020-06-26 03:45:01 +00:00
parent 9e14db259e
commit e964c2ad3f
3 changed files with 17 additions and 11 deletions

View File

@ -6,18 +6,22 @@
<script src="chrome://browser/content/preferences/experimental.js"/>
<html:template id="template-paneExperimental">
<html:div id="firefoxExperimentalCategory"
class="subcategory"
hidden="true"
data-category="paneExperimental">
<html:h1 style="-moz-box-flex: 1;"
data-l10n-id="pane-experimental-title"/>
<html:h2 id="pane-experimental-subtitle"
data-l10n-id="pane-experimental-subtitle"/>
<vbox id="firefoxExperimentalCategory"
class="subcategory"
hidden="true"
data-category="paneExperimental">
<html:h1 style="-moz-box-flex: 1;" data-l10n-id="pane-experimental-title"/>
<label><html:h2 id="pane-experimental-subtitle" data-l10n-id="pane-experimental-subtitle"/></label>
</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-description"/>
</html:div>
<html:div id="pane-experimental-featureGates"
data-category="paneExperimental"/>
</groupbox>
</html:template>
<html:template id="template-featureGate">

View File

@ -57,6 +57,7 @@ pane-experimental-title = { -brand-short-name } Experiments
category-experimental =
.tooltiptext = { -brand-short-name } Experiments
pane-experimental-subtitle = Proceed with Caution
pane-experimental-search-results-header = { -brand-short-name } Experiments: Proceed with Caution
pane-experimental-description = Changing advanced configuration preferences can impact { -brand-short-name } performance or security.
help-button-label = { -brand-short-name } Support

View File

@ -1109,6 +1109,7 @@ richlistitem .text-link:hover {
height: 20px;
}
#pane-experimental-search-results-header,
#pane-experimental-subtitle {
background-image: url("chrome://global/skin/icons/warning.svg");
background-repeat: no-repeat;