mirror of
https://we.phorge.it/source/phorge.git
synced 2024-09-20 09:18:48 +02:00
665529ab60
Summary: Depends on D19377. Ref T13125. Ref T13124. Ref T13105. Coverage reporting in Diffusion didn't initially survive the transition to Document Engine; restore it. This adds some tentative/theoretical support for multiple columns of coverage, but no way to actually produce them in the UI. For now, the labels, codes, and colors are hard coded. Test Plan: Added coverage with `diffusion.updatecoverage`, saw coverage in the UI: {F5525542} Hovered over coverage, got labels and highlighting. Double-checked labels for "N" (Not Executable) and "U" (Uncovered). See PHI577. Faked some multi-column coverage, but you can't currently get this yourself today: {F5525544} Reviewers: amckinley Reviewed By: amckinley Maniphest Tasks: T13125, T13124, T13105 Differential Revision: https://secure.phabricator.com/D19378
133 lines
2.8 KiB
CSS
133 lines
2.8 KiB
CSS
/**
|
|
* @provides phabricator-source-code-view-css
|
|
*/
|
|
|
|
.phabricator-source-code-container {
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
border: 1px solid {$paste.border};
|
|
}
|
|
|
|
.phui-oi .phabricator-source-code-container {
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.phabricator-source-code {
|
|
white-space: pre-wrap;
|
|
padding: 2px 8px 1px;
|
|
width: 100%;
|
|
background: #ffffff;
|
|
}
|
|
|
|
.phabricator-source-line {
|
|
background-color: {$paste.highlight};
|
|
text-align: right;
|
|
border-right: 1px solid {$paste.border};
|
|
color: {$sh-yellowtext};
|
|
}
|
|
|
|
.phabricator-source-line > a::before {
|
|
/* Render the line numbers as a pseudo-element so they don't get copied. */
|
|
content: attr(data-n);
|
|
}
|
|
|
|
th.phabricator-source-line a,
|
|
th.phabricator-source-line span {
|
|
display: block;
|
|
padding: 2px 6px 1px 12px;
|
|
}
|
|
|
|
th.phabricator-source-line a {
|
|
color: {$darkbluetext};
|
|
}
|
|
|
|
th.phabricator-source-line a:hover {
|
|
background: {$paste.border};
|
|
text-decoration: none;
|
|
}
|
|
|
|
.phabricator-source-coverage-highlight .phabricator-source-code,
|
|
.phabricator-source-highlight .phabricator-source-code {
|
|
background: {$paste.highlight};
|
|
}
|
|
|
|
.phabricator-source-coverage-highlight .phabricator-source-line,
|
|
.phabricator-source-highlight .phabricator-source-line {
|
|
background: {$paste.border};
|
|
}
|
|
|
|
.phabricator-source-code-summary {
|
|
padding-bottom: 8px;
|
|
}
|
|
|
|
/* If a Paste has enormously long lines, truncate them in the summary on the
|
|
list page. They'll be fully visible on the Paste itself. */
|
|
.phabricator-source-code-summary .phabricator-source-code-container {
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.phabricator-source-code-summary .phabricator-source-code {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
|
|
.phabricator-source-blame-skip,
|
|
.phabricator-source-blame-info {
|
|
-moz-user-select: -moz-none;
|
|
-khtml-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.phabricator-source-blame-skip {
|
|
min-width: 28px;
|
|
border-right: 1px solid {$thinblueborder};
|
|
}
|
|
|
|
.phabricator-source-blame-info {
|
|
white-space: nowrap;
|
|
min-width: 130px;
|
|
border-right: 1px solid {$paste.border};
|
|
padding-right: 8px;
|
|
|
|
vertical-align: middle;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.phabricator-source-blame-info a {
|
|
color: {$darkbluetext};
|
|
text-shadow: 1px 1px rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
.phabricator-source-blame-skip a {
|
|
/* Give the user a larger click target. */
|
|
display: block;
|
|
padding: 2px 8px;
|
|
}
|
|
|
|
.phabricator-source-blame-skip a .phui-icon-view {
|
|
color: {$darkbluetext};
|
|
}
|
|
|
|
.device-desktop .phabricator-source-blame-skip a:hover {
|
|
background: {$bluebackground};
|
|
}
|
|
|
|
.phabricator-source-blame-author {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
padding: 0;
|
|
margin: 0 6px 0 8px;
|
|
width: 16px;
|
|
height: 16px;
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
th.phabricator-source-coverage {
|
|
padding: 0 8px;
|
|
border-left: 1px solid {$thinblueborder};
|
|
background: {$lightgreybackground};
|
|
cursor: w-resize;
|
|
}
|