commit 5ccaf7fa2d7ee2bd28d433f8a7346902f6e2d733
parent 4c56aa50ce983cb102bff3e84acb302222397ee7
Author: Mark Striemer <mstriemer@mozilla.com>
Date: Mon, 6 Oct 2025 23:16:34 +0000
Bug 1992501 - Only make moz-fieldset descriptions grey, not smaller r=desktop-theme-reviewers,mkennedy,emilio
Differential Revision: https://phabricator.services.mozilla.com/D267472
Diffstat:
3 files changed, 3 insertions(+), 5 deletions(-)
diff --git a/toolkit/content/tests/widgets/test_moz_fieldset.html b/toolkit/content/tests/widgets/test_moz_fieldset.html
@@ -50,10 +50,6 @@
);
is(legend.innerText, "Test label", "legend is set");
is(description.innerText, "Test description", "description is set");
- ok(
- description.classList.contains("text-deemphasized"),
- "description is styled"
- );
is(
fieldset.shadowRoot.getElementById(
fieldsetEl.getAttribute("aria-describedby")
diff --git a/toolkit/content/widgets/moz-fieldset/moz-fieldset.css b/toolkit/content/widgets/moz-fieldset/moz-fieldset.css
@@ -51,6 +51,8 @@ h6 {
#description {
margin: 0;
margin-block-start: var(--space-xxsmall);
+ color: var(--text-color-deemphasized);
+
& + a,
& + ::slotted([slot="support-link"]) {
font-size: var(--font-size-small);
diff --git a/toolkit/content/widgets/moz-fieldset/moz-fieldset.mjs b/toolkit/content/widgets/moz-fieldset/moz-fieldset.mjs
@@ -72,7 +72,7 @@ export default class MozFieldset extends MozLitElement {
descriptionTemplate() {
if (this.description) {
- return html`<span id="description" class="description text-deemphasized">
+ return html`<span id="description" class="description">
${this.description}
</span>
${this.supportPageTemplate()}`;