diff --git a/src/vs/base/browser/ui/hover/hover.css b/src/vs/base/browser/ui/hover/hover.css index 4de24334292..20f56038fd0 100644 --- a/src/vs/base/browser/ui/hover/hover.css +++ b/src/vs/base/browser/ui/hover/hover.css @@ -137,7 +137,7 @@ } /** Spans in markdown hovers need a margin-bottom to avoid looking cramped: https://github.com/microsoft/vscode/issues/101496 **/ -.monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents) span { +.monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) span { margin-bottom: 4px; display: inline-block; } diff --git a/src/vs/workbench/contrib/languageStatus/browser/languageStatus.contribution.ts b/src/vs/workbench/contrib/languageStatus/browser/languageStatus.contribution.ts index 63a3e1aa8c6..4b4ca958723 100644 --- a/src/vs/workbench/contrib/languageStatus/browser/languageStatus.contribution.ts +++ b/src/vs/workbench/contrib/languageStatus/browser/languageStatus.contribution.ts @@ -108,16 +108,16 @@ class EditorStatusContribution implements IWorkbenchContribution { left.classList.add('left'); node.appendChild(left); - const detail = document.createElement('div'); + const label = document.createElement('span'); + label.classList.add('label'); + dom.append(label, ...renderLabelWithIcons(status.label)); + left.appendChild(label); + + const detail = document.createElement('span'); detail.classList.add('detail'); this._renderTextPlus(detail, status.detail); left.appendChild(detail); - const label = document.createElement('div'); - label.classList.add('label'); - this._renderTextPlus(label, status.label); - left.appendChild(label); - const right = document.createElement('div'); right.classList.add('right'); node.appendChild(right); diff --git a/src/vs/workbench/contrib/languageStatus/browser/media/languageStatus.css b/src/vs/workbench/contrib/languageStatus/browser/media/languageStatus.css index e0158b1512f..5572d0d1c5d 100644 --- a/src/vs/workbench/contrib/languageStatus/browser/media/languageStatus.css +++ b/src/vs/workbench/contrib/languageStatus/browser/media/languageStatus.css @@ -13,6 +13,17 @@ .monaco-workbench .hover-language-status-element:not(:last-child) { border-bottom: 1px solid var(--code-notifications-border); } + +.monaco-workbench .hover-language-status-element > .left > .label::after { + content: '–'; + padding: 0 4px; + opacity: 0.6; +} + +.monaco-workbench .hover-language-status-element > .left > .label:empty { + display: none; +} + .monaco-workbench .hover-language-status-element .right { margin: auto 0; }