forked from mirrors/gecko-dev
da3cf710f5
This patch makes us commit to the deemphasized color descriptive pattern throughout settings. I also made some changes where some settings were using description and should most likely be using a label instead and vice versa. Quick note that if the descriptive text is tied to an input such as a checkbox or toggle, as opposed to a section heading, we opt for the `.text-deemphasized` class/treatment where not only do we use the `--text-color-deemphasized` color but also shrink the font size. You'll see I opted for such treatment in the Experiments page checkbox list. Differential Revision: https://phabricator.services.mozilla.com/D197615
44 lines
1.5 KiB
HTML
44 lines
1.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/.
|
|
|
|
<!-- More From Mozilla panel -->
|
|
|
|
<script src="chrome://browser/content/preferences/moreFromMozilla.js"/>
|
|
<html:template xmlns="http://www.w3.org/1999/xhtml" id="template-paneMoreFromMozilla">
|
|
<div id="moreFromMozillaCategory-header"
|
|
class="subcategory"
|
|
data-hidden-from-search="true"
|
|
hidden="true"
|
|
data-category="paneMoreFromMozilla">
|
|
<h1 class="title" data-l10n-id="more-from-moz-title"/>
|
|
<p class="subtitle description-deemphasized" data-l10n-id="more-from-moz-subtitle"/>
|
|
</div>
|
|
<div id="moreFromMozillaCategory"
|
|
data-category="paneMoreFromMozilla"
|
|
hidden="true"
|
|
data-hidden-from-search="true">
|
|
</div>
|
|
</html:template>
|
|
|
|
<html:template xmlns="http://www.w3.org/1999/xhtml" id="simple">
|
|
<article class="mozilla-product-item simple">
|
|
|
|
<div>
|
|
<h2 class="product-title"/>
|
|
<div class="product-description-box">
|
|
<div class="description description-deemphasized"/>
|
|
<a class="text-link" target="_blank" hidden="true"/>
|
|
</div>
|
|
</div>
|
|
|
|
<button type="button" class="primary small-button" hidden="true"/>
|
|
|
|
<div class="qr-code-box" hidden="true">
|
|
<h3 class="qr-code-box-title"/>
|
|
<img class="qr-code-box-image"/>
|
|
<a class="qr-code-link text-link" target="_blank" hidden="true"/>
|
|
</div>
|
|
|
|
</article>
|
|
</html:template>
|