diff --git a/browser/app/profile/firefox.js b/browser/app/profile/firefox.js index 268a3e5eaab0..fedc5db3f0c5 100644 --- a/browser/app/profile/firefox.js +++ b/browser/app/profile/firefox.js @@ -2478,8 +2478,6 @@ pref("devtools.inspector.imagePreviewTooltipSize", 300); pref("devtools.inspector.showUserAgentStyles", false); // Show native anonymous content and user agent shadow roots pref("devtools.inspector.showAllAnonymousContent", false); -// Enable the inline CSS compatiblity warning in inspector rule view -pref("devtools.inspector.ruleview.inline-compatibility-warning.enabled", true); // Enable the compatibility tool in the inspector. pref("devtools.inspector.compatibility.enabled", true); // Enable overflow debugging in the inspector. diff --git a/devtools/client/inspector/rules/test/browser_rules_css-compatibility-add-rename-rule.js b/devtools/client/inspector/rules/test/browser_rules_css-compatibility-add-rename-rule.js index 510a558e7b68..f2d64134815a 100644 --- a/devtools/client/inspector/rules/test/browser_rules_css-compatibility-add-rename-rule.js +++ b/devtools/client/inspector/rules/test/browser_rules_css-compatibility-add-rename-rule.js @@ -100,10 +100,6 @@ const TEST_DATA_RENAME_RULE = [ ]; add_task(async function () { - await pushPref( - "devtools.inspector.ruleview.inline-compatibility-warning.enabled", - true - ); await addTab("data:text/html;charset=utf-8," + encodeURIComponent(TEST_URI)); const { inspector, view } = await openRuleView(); diff --git a/devtools/client/inspector/rules/test/browser_rules_css-compatibility-check-add-fix.js b/devtools/client/inspector/rules/test/browser_rules_css-compatibility-check-add-fix.js index 17069756e222..50dd61867d91 100644 --- a/devtools/client/inspector/rules/test/browser_rules_css-compatibility-check-add-fix.js +++ b/devtools/client/inspector/rules/test/browser_rules_css-compatibility-check-add-fix.js @@ -102,10 +102,6 @@ add_task(async function () { "devtools.inspector.compatibility.target-browsers", JSON.stringify(TARGET_BROWSERS) ); - await pushPref( - "devtools.inspector.ruleview.inline-compatibility-warning.enabled", - true - ); await addTab("data:text/html;charset=utf-8," + encodeURIComponent(TEST_URI)); const { inspector, view } = await openRuleView(); diff --git a/devtools/client/inspector/rules/test/browser_rules_css-compatibility-learn-more-link.js b/devtools/client/inspector/rules/test/browser_rules_css-compatibility-learn-more-link.js index f6123ab0966e..0051c650679f 100644 --- a/devtools/client/inspector/rules/test/browser_rules_css-compatibility-learn-more-link.js +++ b/devtools/client/inspector/rules/test/browser_rules_css-compatibility-learn-more-link.js @@ -52,10 +52,6 @@ const TEST_DATA_INITIAL = [ ]; add_task(async function () { - await pushPref( - "devtools.inspector.ruleview.inline-compatibility-warning.enabled", - true - ); await addTab("data:text/html;charset=utf-8," + encodeURIComponent(TEST_URI)); const { inspector, view } = await openRuleView(); diff --git a/devtools/client/inspector/rules/test/browser_rules_css-compatibility-toggle-rules.js b/devtools/client/inspector/rules/test/browser_rules_css-compatibility-toggle-rules.js index 7209adbc2e02..c77894190c8a 100644 --- a/devtools/client/inspector/rules/test/browser_rules_css-compatibility-toggle-rules.js +++ b/devtools/client/inspector/rules/test/browser_rules_css-compatibility-toggle-rules.js @@ -119,10 +119,6 @@ const TEST_DATA_TOGGLE_INLINE = [ ]; add_task(async function () { - await pushPref( - "devtools.inspector.ruleview.inline-compatibility-warning.enabled", - true - ); await addTab("data:text/html;charset=utf-8," + encodeURIComponent(TEST_URI)); const { inspector, view } = await openRuleView(); diff --git a/devtools/client/inspector/rules/test/browser_rules_css-compatibility-tooltip-telemetry.js b/devtools/client/inspector/rules/test/browser_rules_css-compatibility-tooltip-telemetry.js index 4580f819aaed..8f7a3b346fa0 100644 --- a/devtools/client/inspector/rules/test/browser_rules_css-compatibility-tooltip-telemetry.js +++ b/devtools/client/inspector/rules/test/browser_rules_css-compatibility-tooltip-telemetry.js @@ -37,10 +37,6 @@ const TEST_DATA = [ add_task(async function () { startTelemetry(); - await pushPref( - "devtools.inspector.ruleview.inline-compatibility-warning.enabled", - true - ); await addTab("data:text/html;charset=utf-8," + encodeURIComponent(TEST_URI)); const { inspector, view } = await openRuleView(); diff --git a/devtools/client/inspector/rules/views/text-property-editor.js b/devtools/client/inspector/rules/views/text-property-editor.js index 0d51959d9f79..5ba47e9be603 100644 --- a/devtools/client/inspector/rules/views/text-property-editor.js +++ b/devtools/client/inspector/rules/views/text-property-editor.js @@ -44,11 +44,6 @@ ChromeUtils.defineESModuleGetters(lazy, { }); const HTML_NS = "http://www.w3.org/1999/xhtml"; -// @backward-compat { version 117 } The pref is enabled by default since 117. -// Let's completely remove it once 117 hits release. -const inlineCompatibilityWarningEnabled = Services.prefs.getBoolPref( - "devtools.inspector.ruleview.inline-compatibility-warning.enabled" -); const SHARED_SWATCH_CLASS = "ruleview-swatch"; const COLOR_SWATCH_CLASS = "ruleview-colorswatch"; @@ -268,12 +263,10 @@ TextPropertyEditor.prototype = { hidden: "", }); - if (inlineCompatibilityWarningEnabled) { - this.compatibilityState = createChild(this.container, "div", { - class: "ruleview-compatibility-warning", - hidden: "", - }); - } + this.compatibilityState = createChild(this.container, "div", { + class: "ruleview-compatibility-warning", + hidden: "", + }); // Filter button that filters for the current property name and is // displayed when the property is overridden by another rule. @@ -872,10 +865,7 @@ TextPropertyEditor.prototype = { } this.updatePropertyUsedIndicator(); - - if (inlineCompatibilityWarningEnabled) { - this.updatePropertyCompatibilityIndicator(); - } + this.updatePropertyCompatibilityIndicator(); }, updatePropertyUsedIndicator() { diff --git a/devtools/docs/user/page_inspector/how_to/examine_and_edit_css/index.rst b/devtools/docs/user/page_inspector/how_to/examine_and_edit_css/index.rst index 1f0fb56c1588..8260bf54052e 100644 --- a/devtools/docs/user/page_inspector/how_to/examine_and_edit_css/index.rst +++ b/devtools/docs/user/page_inspector/how_to/examine_and_edit_css/index.rst @@ -45,10 +45,6 @@ Browser compat warnings CSS properties have varied level of support across different browsers. From Firefox 81, compatibility tooltips may be displayed next to any CSS properties that have known compatibility issues,as shown below. -.. note:: - This feature is enabled from Firefox 81 by setting the preference ``devtools.inspector.ruleview.inline-compatibility-warning.enabled`` to ``true`` (open ``about:config`` in the URL bar to view/set Firefox preferences). - - .. image:: firefox_compatibility_tootips.jpg :alt: Tooltip displayed next to CSS element. Hover to find out browsers with compatibility issues. :class: center