From 3d1520fc59f97cdfd99c26413d4cd66e45407185 Mon Sep 17 00:00:00 2001 From: Miguel Solorio Date: Wed, 13 Oct 2021 14:57:37 -0700 Subject: [PATCH] Add icon for deprecated messages in the settings ui --- .../contrib/preferences/browser/media/settingsEditor2.css | 6 +++++- .../workbench/contrib/preferences/browser/settingsTree.ts | 1 + 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/src/vs/workbench/contrib/preferences/browser/media/settingsEditor2.css b/src/vs/workbench/contrib/preferences/browser/media/settingsEditor2.css index 583cbb5ba77b7..8d7ba6c20e539 100644 --- a/src/vs/workbench/contrib/preferences/browser/media/settingsEditor2.css +++ b/src/vs/workbench/contrib/preferences/browser/media/settingsEditor2.css @@ -377,7 +377,11 @@ } .settings-editor > .settings-body > .settings-tree-container .setting-item-contents.is-deprecated .setting-item-deprecation-message { - display: block; + display: flex; +} + +.settings-editor > .settings-body > .settings-tree-container .setting-item-contents.is-deprecated .setting-item-deprecation-message .codicon { + margin-right: 4px; } .settings-editor > .settings-body > .settings-tree-container .setting-item-contents .setting-item-description { diff --git a/src/vs/workbench/contrib/preferences/browser/settingsTree.ts b/src/vs/workbench/contrib/preferences/browser/settingsTree.ts index 1ba829fa61025..ed939794b739e 100644 --- a/src/vs/workbench/contrib/preferences/browser/settingsTree.ts +++ b/src/vs/workbench/contrib/preferences/browser/settingsTree.ts @@ -868,6 +868,7 @@ export abstract class AbstractSettingRenderer extends Disposable implements ITre } else { template.deprecationWarningElement.innerText = deprecationText; } + template.deprecationWarningElement.prepend($('.codicon.codicon-error')); template.containerElement.classList.toggle('is-deprecated', !!deprecationText); this.renderValue(element, template, onChange);