Microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-09-12 20:12:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

testing: fix coverCountBadgeForeground color token is not functional

Browse Source 
Fixes #212479
This commit is contained in:
Connor Peet
2024-05-13 14:51:31 -07:00
parent 6643db734a
commit d6b26fecc8
1 changed files with 57 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/vs/workbench/contrib/testing/browser/media/testing.css
+57 -55
View File
@@ -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;
}
}
}