2011-03-23 03:34:47 +01:00
|
|
|
/**
|
2011-05-24 04:52:13 +02:00
|
|
|
* @provides diffusion-source-css
|
2011-03-23 03:34:47 +01:00
|
|
|
*/
|
|
|
|
|
|
|
|
.diffusion-source {
|
|
|
|
width: 100%;
|
2017-07-17 20:08:17 +02:00
|
|
|
background: {$page.content};
|
2011-03-23 03:34:47 +01:00
|
|
|
}
|
|
|
|
|
2017-08-23 17:44:04 +02:00
|
|
|
.diffusion-source tr.phabricator-source-highlight th,
|
|
|
|
.diffusion-source tr.phabricator-source-highlight td {
|
|
|
|
background: {$gentle.highlight};
|
2012-08-04 18:47:51 +02:00
|
|
|
}
|
|
|
|
|
2011-03-23 03:34:47 +01:00
|
|
|
.diffusion-source th {
|
2013-10-16 22:09:12 +02:00
|
|
|
text-align: right;
|
|
|
|
vertical-align: top;
|
2017-08-23 17:44:04 +02:00
|
|
|
color: {$darkbluetext};
|
2013-10-16 22:09:12 +02:00
|
|
|
border-right: 1px solid {$thinblueborder};
|
2011-03-23 03:34:47 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.diffusion-source td {
|
2016-03-17 20:01:22 +01:00
|
|
|
vertical-align: top;
|
|
|
|
white-space: pre-wrap;
|
2017-08-23 17:44:04 +02:00
|
|
|
padding: 3px 12px;
|
2016-03-17 20:01:22 +01:00
|
|
|
width: 100%;
|
2017-02-02 23:08:13 +01:00
|
|
|
word-break: break-all;
|
2011-03-23 03:34:47 +01:00
|
|
|
}
|
|
|
|
|
2012-04-08 02:24:35 +02:00
|
|
|
.diffusion-browse-type-form {
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
.diffusion-blame-link,
|
2017-08-23 17:44:04 +02:00
|
|
|
.diffusion-rev-link,
|
|
|
|
.diffusion-blame-date {
|
2012-04-08 02:24:35 +02:00
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
|
2017-08-23 17:44:04 +02:00
|
|
|
.diffusion-blame-date {
|
|
|
|
background: {$lightgreybackground};
|
|
|
|
font: {$basefont};
|
|
|
|
font-size: {$smallestfontsize};
|
|
|
|
}
|
|
|
|
|
|
|
|
.diffusion-blame-link,
|
|
|
|
.diffusion-line-link {
|
|
|
|
background: {$lightgreybackground};
|
2013-03-05 23:31:20 +01:00
|
|
|
}
|
|
|
|
|
2013-10-30 21:15:26 +01:00
|
|
|
.diffusion-source th.diffusion-rev-link {
|
|
|
|
text-align: left;
|
|
|
|
min-width: 130px;
|
2017-08-23 17:44:04 +02:00
|
|
|
background: {$lightgreybackground};
|
|
|
|
font: {$basefont};
|
|
|
|
font-size: {$smallestfontsize};
|
2013-03-05 23:31:20 +01:00
|
|
|
}
|
|
|
|
|
2017-08-23 17:44:04 +02:00
|
|
|
.diffusion-source a {
|
2013-10-16 22:09:12 +02:00
|
|
|
color: {$darkbluetext};
|
2012-03-01 03:18:04 +01:00
|
|
|
}
|
|
|
|
|
2017-08-23 17:44:04 +02:00
|
|
|
.diffusion-rev-link a {
|
|
|
|
max-width: 340px;
|
|
|
|
overflow: hidden;
|
|
|
|
white-space: nowrap;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
}
|
|
|
|
|
2012-10-25 00:27:37 +02:00
|
|
|
.diffusion-rev-link a,
|
2017-08-23 17:44:04 +02:00
|
|
|
.diffusion-rev-link span,
|
|
|
|
.diffusion-blame-date a {
|
|
|
|
margin: 3px 8px;
|
2017-08-24 21:00:17 +02:00
|
|
|
float: left;
|
2013-10-30 21:15:26 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.diffusion-rev-link span {
|
|
|
|
margin-right: -4px;
|
|
|
|
margin-left: -4px;
|
|
|
|
color: {$lightgreytext};
|
2012-05-21 23:54:39 +02:00
|
|
|
}
|
|
|
|
|
2012-04-09 08:26:40 +02:00
|
|
|
.diffusion-blame-link a,
|
|
|
|
.diffusion-line-link a {
|
|
|
|
/* Give the user a larger click target. */
|
2013-10-16 22:09:12 +02:00
|
|
|
display: block;
|
2017-08-23 17:44:04 +02:00
|
|
|
padding: 4px 8px 3px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.diffusion-line-link a {
|
|
|
|
color: {$lightgreytext};
|
|
|
|
}
|
|
|
|
|
|
|
|
.diffusion-blame-link a .phui-icon-view {
|
|
|
|
color: {$bluetext};
|
|
|
|
}
|
|
|
|
|
|
|
|
.diffusion-blame-link a:hover .phui-icon-view {
|
|
|
|
color: {$sky};
|
2011-05-18 16:44:53 +02:00
|
|
|
}
|
Use "user-select: none" to provide a visual cue about copy/paste JS magic
Summary:
- For line numbers, use "user-select: none" to make them unselectable. This provides a stronger visual cue that copy/paste is enchanted.
- In Paste, make it look sensible again after the blame-on-blame refactor in Diffusion. See also TODO to share this code formally.
- In Diffusion, use the "phabricator-oncopy" behavior.
NOTE: I left blame/commit columns selectable in Diffusion, since you might reasonably want to copy/paste them?
NOTE: In Differential, the left side of the diff still highlights, even though it will be copied only if you select part of a line on the left and nothing else. But this seemed like a reasonable behavior, so I left it.
Test Plan:
- Looked at Paste. Saw a nice line number column. Selected text, got the expected selection. Copied text, got the expected copy.
- Looked at Diffusion. Saw a nice line number column, still. Selected text, got expected selection. Copied text, got expected copy.
- Looked at Differential. Highlighted stuff, got expected results. Copied stuff, got expected results.
Reviewers: btrahan, vrana, jungejason
Reviewed By: vrana
CC: aran
Maniphest Tasks: T1123
Differential Revision: https://secure.phabricator.com/D2242
2012-04-17 00:55:16 +02:00
|
|
|
|
|
|
|
.diffusion-line-link {
|
|
|
|
-moz-user-select: -moz-none;
|
|
|
|
-khtml-user-select: none;
|
|
|
|
-webkit-user-select: none;
|
|
|
|
-ms-user-select: none;
|
|
|
|
user-select: none;
|
|
|
|
}
|