development/vscode
development/vscode
1
0
Fork 0
mirror of https://github.com/Microsoft/vscode synced 2024-08-27 21:09:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

color icons in suggestion widget

Browse source
This commit is contained in:
Martin Aeschlimann 2016-06-14 19:22:48 +02:00
parent ce5659383a
commit 7df6fd5ce7
1 changed files with 11 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/vs/editor/contrib/suggest/browser/suggestWidget.ts
View file

@ -38,6 +38,8 @@ interface ISuggestionTemplateData {
disposables: IDisposable[];
}
const colorRegExp = /^(#([\da-f]{3}){1,2}|(rgb|hsl)a\(\s*(\d{1,3}%?\s*,\s*){3}(1|0?\.\d+)\)|(rgb|hsl)\(\s*\d{1,3}%?(\s*,\s*\d{1,3}%?){2}\s*\))$/i;
class Renderer implements IRenderer<CompletionItem, ISuggestionTemplateData> {
private triggerKeybindingLabel: string;
@ -99,12 +101,15 @@ class Renderer implements IRenderer<CompletionItem, ISuggestionTemplateData> {
data.root.setAttribute('aria-label', nls.localize('suggestionAriaLabel', "{0}, suggestion", suggestion.label));
}
if (suggestion.type === 'customcolor') {
data.icon.className = 'icon customcolor';
data.colorspan.style.backgroundColor = suggestion.label;
} else {
data.icon.className = 'icon ' + suggestion.type;
data.colorspan.style.backgroundColor = '';
data.icon.className = 'icon ' + suggestion.type;
data.colorspan.style.backgroundColor = '';
if (suggestion.type === 'color') {
let color = suggestion.label.match(colorRegExp) && suggestion.label || suggestion.documentationLabel.match(colorRegExp) && suggestion.documentationLabel;
if (color) {
data.icon.className = 'icon customcolor';
data.colorspan.style.backgroundColor = color;
}
}
data.highlightedLabel.set(suggestion.label, (<CompletionItem>element).highlights);