diff --git a/src/vs/workbench/contrib/testing/browser/media/testing.css b/src/vs/workbench/contrib/testing/browser/media/testing.css index 3068f3db57f..0e761d95c39 100644 --- a/src/vs/workbench/contrib/testing/browser/media/testing.css +++ b/src/vs/workbench/contrib/testing/browser/media/testing.css @@ -541,65 +541,67 @@ outline-offset: -1px; } -.coverage-deco-inline.coverage-deco-hit { - background: var(--vscode-testing-coveredBackground); - outline: 1px solid var(--vscode-testing-coveredBorder); -} +.monaco-editor { + .coverage-deco-inline.coverage-deco-hit { + background: var(--vscode-testing-coveredBackground); + outline: 1px solid var(--vscode-testing-coveredBorder); + } -.coverage-deco-inline.coverage-deco-miss { - background: var(--vscode-testing-uncoveredBackground); - outline: 1px solid var(--vscode-testing-uncoveredBorder); -} + .coverage-deco-inline.coverage-deco-miss { + background: var(--vscode-testing-uncoveredBackground); + outline: 1px solid var(--vscode-testing-uncoveredBorder); + } -.hc-light .coverage-deco-inline.coverage-deco-hit, -.hc-black .coverage-deco-inline.coverage-deco-hit { - outline-style: dashed; -} + .hc-light .coverage-deco-inline.coverage-deco-hit, + .hc-black .coverage-deco-inline.coverage-deco-hit { + outline-style: dashed; + } -.coverage-deco-branch-miss-indicator { - height: 100%; - width: 4ch; - position: relative; - display: inline-block; - font: inherit !important; -} + .coverage-deco-branch-miss-indicator { + height: 100%; + width: 4ch; + position: relative; + display: inline-block; + font: inherit !important; + } -.coverage-deco-branch-miss-indicator::before { - position: absolute; - top: 50%; - left: 50%; - text-align: center; - transform: translate(-50%, -50%); - padding: calc(var(--vscode-testing-coverage-lineHeight) / 10); - border-radius: 2px; - font: normal normal normal calc(var(--vscode-testing-coverage-lineHeight) / 2)/1 codicon; - border: 1px solid; -} + .coverage-deco-branch-miss-indicator::before { + position: absolute; + top: 50%; + left: 50%; + text-align: center; + transform: translate(-50%, -50%); + padding: calc(var(--vscode-testing-coverage-lineHeight) / 10); + border-radius: 2px; + font: normal normal normal calc(var(--vscode-testing-coverage-lineHeight) / 2)/1 codicon; + border: 1px solid; + } -.coverage-deco-inline-count { - position: relative; - background: var(--vscode-testing-coverCountBadgeBackground); - color: var(--vscode-testing-coverCountBadgeForeground); - font-size: 0.7em; - margin: 0 0.7em 0 0.4em; - padding: 0.2em 0 0.2em 0.2em; - /* display: inline-block; */ - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} + .coverage-deco-inline-count { + position: relative; + background: var(--vscode-testing-coverCountBadgeBackground); + color: var(--vscode-testing-coverCountBadgeForeground); + font-size: 0.7em; + margin: 0 0.7em 0 0.4em; + padding: 0.2em 0 0.2em 0.2em; + /* display: inline-block; */ + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; -.coverage-deco-inline-count::after { - content: ''; - display: block; - position: absolute; - left: 100%; - top: 0; - bottom: 0; - width: 0.5em; - background-image: - linear-gradient(to bottom left, transparent 50%, var(--vscode-testing-coverCountBadgeBackground) 0), - linear-gradient(to bottom right, var(--vscode-testing-coverCountBadgeBackground) 50%, transparent 0); - background-size: 100% 50%; - background-repeat: no-repeat; - background-position: top, bottom; + &::after { + content: ''; + display: block; + position: absolute; + left: 100%; + top: 0; + bottom: 0; + width: 0.5em; + background-image: + linear-gradient(to bottom left, transparent 50%, var(--vscode-testing-coverCountBadgeBackground) 0), + linear-gradient(to bottom right, var(--vscode-testing-coverCountBadgeBackground) 50%, transparent 0); + background-size: 100% 50%; + background-repeat: no-repeat; + background-position: top, bottom; + } + } }