mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-13 02:12:41 +01:00
55619e8964
Summary: Ref T13105. Previously, the "source code" view in Paste rendered on a brown/orange-ish background. I've been using this element in more contexts (Files, Diffusion) and removed the colored background to make text (particularly syntax-highlighted text) easier to read and reduce visual noise with the new blame colors. In Diffusion the view is in a box with a white background so removing the background left us with white, but in Paste it's just directly on the page so the background was bleeding through. Instead, set it to white explicitly. Test Plan: Viewed source files in Files, Diffusion and Paste; saw text on a white background. Reviewers: amckinley Reviewed By: amckinley Maniphest Tasks: T13105 Differential Revision: https://secure.phabricator.com/D19346
126 lines
2.6 KiB
CSS
126 lines
2.6 KiB
CSS
/**
|
|
* @provides phabricator-source-code-view-css
|
|
*/
|
|
|
|
.phabricator-source-code-container {
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
border: 1px solid {$paste.border};
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.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};
|
|
|
|
/* When the user selects rows of source, don't visibly select the line
|
|
numbers beside them. We use JS to strip the line numbers out when the user
|
|
copies the text. */
|
|
-moz-user-select: -moz-none;
|
|
-khtml-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
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-highlight {
|
|
background: {$paste.highlight};
|
|
}
|
|
|
|
.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.111);
|
|
}
|
|
|
|
.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;
|
|
}
|