mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-10 08:52:39 +01:00
7aeefc0cca
Summary: Mostly this is an exercise to clean up our CSS and Celerity processor by making sure all important color decisions are generatable. It's somewhat resonable to use if you don't review code. Posting it up here mostly so I don't lose the work. Test Plan: Visit lots and lots of pages with dark mode on and off. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D18227
74 lines
1.6 KiB
CSS
74 lines
1.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;
|
|
background-color: {$paste.content};
|
|
}
|
|
|
|
.phui-oi .phabricator-source-code-container {
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.phabricator-source-code-view tr:first-child * {
|
|
padding-top: 8px;
|
|
}
|
|
|
|
.phabricator-source-code-view tr:last-child * {
|
|
padding-bottom: 8px;
|
|
}
|
|
|
|
.phabricator-source-code {
|
|
white-space: pre-wrap;
|
|
padding: 2px 8px 1px;
|
|
width: 100%;
|
|
}
|
|
|
|
.phabricator-source-line {
|
|
background-color: {$paste.highlight};
|
|
text-align: right;
|
|
padding: 2px 6px 1px 12px;
|
|
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 {
|
|
color: {$darkbluetext};
|
|
}
|
|
|
|
th.phabricator-source-line:hover {
|
|
background: {$paste.border};
|
|
cursor: pointer;
|
|
}
|
|
|
|
.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;
|
|
}
|