diff --git a/src/vs/editor/contrib/suggest/browser/back.svg b/src/vs/editor/contrib/suggest/browser/back.svg new file mode 100644 index 00000000000..487340cd69a --- /dev/null +++ b/src/vs/editor/contrib/suggest/browser/back.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/vs/editor/contrib/suggest/browser/info.svg b/src/vs/editor/contrib/suggest/browser/info.svg new file mode 100644 index 00000000000..6578b81ea3f --- /dev/null +++ b/src/vs/editor/contrib/suggest/browser/info.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/vs/editor/contrib/suggest/browser/suggest.css b/src/vs/editor/contrib/suggest/browser/suggest.css index d1f3d389ff9..f539aaf0a8c 100644 --- a/src/vs/editor/contrib/suggest/browser/suggest.css +++ b/src/vs/editor/contrib/suggest/browser/suggest.css @@ -69,6 +69,10 @@ .monaco-editor .suggest-widget .monaco-list .monaco-list-row .docs > .docs-details { font-size: 1.4em; opacity: 0.6; + width: 14px; + height: 14px; + background-image: url('./info.svg'); + background-size: 14px; } .monaco-editor .suggest-widget .details > .header > .go-back, @@ -176,6 +180,10 @@ .monaco-editor .suggest-widget .details > .header > .go-back { cursor: pointer; opacity: 0.6; + width: 14px; + height: 14px; + background-image: url('./back.svg'); + background-size: 14px; } .monaco-editor .suggest-widget .details > .header > .go-back:hover { diff --git a/src/vs/editor/contrib/suggest/browser/suggestWidget.ts b/src/vs/editor/contrib/suggest/browser/suggestWidget.ts index a1d8a83cd09..811d31ebfec 100644 --- a/src/vs/editor/contrib/suggest/browser/suggestWidget.ts +++ b/src/vs/editor/contrib/suggest/browser/suggestWidget.ts @@ -71,7 +71,7 @@ class Renderer implements IRenderer { const docs = append(text, $('.docs')); data.documentation = append(docs, $('span.docs-text')); - data.documentationDetails = append(docs, $('span.docs-details.octicon.octicon-info')); + data.documentationDetails = append(docs, $('span.docs-details')); data.documentationDetails.title = nls.localize('readMore', "Read More...{0}", this.triggerKeybindingLabel); const configureFont = () => { @@ -211,7 +211,7 @@ class SuggestionDetails { const header = append(this.el, $('.header')); this.title = append(header, $('span.title')); - this.back = append(header, $('span.go-back.octicon.octicon-mail-reply')); + this.back = append(header, $('span.go-back')); this.back.title = nls.localize('goback', "Go back"); this.body = $('.body');