fune/browser/components/preferences/home.inc.xhtml
Jules Simplicio da3cf710f5 Bug 1872909 - Commit to deemphasized descriptive text pattern in preferences that has already been introduced under Search settings in order to improve information architecture r=settings-reviewers,desktop-theme-reviewers,dao,Gijs
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
2024-01-26 04:09:59 +00:00

92 lines
3.9 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/.
<!-- Home panel -->
<script src="chrome://browser/content/preferences/home.js"/>
<html:template id="template-paneHome">
<hbox id="firefoxHomeCategory"
class="subcategory"
hidden="true"
data-category="paneHome">
<html:h1 style="flex: 1;" data-l10n-id="pane-home-title"/>
<button id="restoreDefaultHomePageBtn"
is="highlightable-button"
class="homepage-button check-home-page-controlled"
data-preference-related="browser.startup.homepage"
data-l10n-id="home-restore-defaults"
preference="pref.browser.homepage.disable_button.restore_default"/>
</hbox>
<groupbox id="homepageGroup"
data-category="paneHome"
hidden="true">
<label><html:h2 data-l10n-id="home-new-windows-tabs-header"/></label>
<description class="description-deemphasized" data-l10n-id="home-new-windows-tabs-description2" />
<hbox id="homepageAndNewWindowsOption" align="center" data-subcategory="homeOverride">
<label control="homeMode" data-l10n-id="home-homepage-mode-label" flex="1" />
<vbox flex="1">
<menulist id="homeMode"
class="check-home-page-controlled"
data-preference-related="browser.startup.homepage">
<menupopup>
<menuitem value="0" data-l10n-id="home-mode-choice-default-fx" />
<menuitem value="2" data-l10n-id="home-mode-choice-custom" />
<menuitem value="1" data-l10n-id="home-mode-choice-blank" />
</menupopup>
</menulist>
<vbox id="customSettings" hidden="true">
<box role="combobox">
<html:input id="homePageUrl"
type="text"
is="autocomplete-input"
class="uri-element check-home-page-controlled"
style="flex: 1;"
data-preference-related="browser.startup.homepage"
data-l10n-id="home-homepage-custom-url"
autocompletepopup="homePageUrlAutocomplete" />
<popupset>
<panel id="homePageUrlAutocomplete"
is="autocomplete-richlistbox-popup"
type="autocomplete-richlistbox"
noautofocus="true"/>
</popupset>
</box>
<hbox class="homepage-buttons">
<button id="useCurrentBtn"
is="highlightable-button"
class="homepage-button check-home-page-controlled"
data-l10n-id="use-current-pages"
data-l10n-args='{"tabCount": 0}'
disabled="true"
preference="pref.browser.homepage.disable_button.current_page"/>
<button id="useBookmarkBtn"
is="highlightable-button"
class="homepage-button check-home-page-controlled"
data-l10n-id="choose-bookmark"
preference="pref.browser.homepage.disable_button.bookmark_page"
search-l10n-ids="select-bookmark-window2.title, select-bookmark-desc"/>
</hbox>
</vbox>
</vbox>
</hbox>
<hbox id="newTabsOption" data-subcategory="newtabOverride" align="center">
<label control="newTabMode" data-l10n-id="home-newtabs-mode-label" flex="1" />
<vbox flex="1">
<!-- This can be set to an extension value which is managed outside of
Preferences so we need to handle setting the pref manually.-->
<menulist id="newTabMode" flex="1" data-preference-related="browser.newtabpage.enabled">
<menupopup>
<menuitem value="0" data-l10n-id="home-mode-choice-default-fx" />
<menuitem value="1" data-l10n-id="home-mode-choice-blank" />
</menupopup>
</menulist>
</vbox>
</hbox>
</groupbox>
</html:template>