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%;
|
2015-10-16 16:14:26 +02:00
|
|
|
font: 10px/13px "Menlo", "Consolas", "Monaco", monospace;
|
2013-08-27 00:45:58 +02:00
|
|
|
background: #fff;
|
2011-03-23 03:34:47 +01:00
|
|
|
}
|
|
|
|
|
2013-08-04 21:11:10 +02:00
|
|
|
.diffusion-source tr.phabricator-source-highlight {
|
2015-10-16 16:14:26 +02:00
|
|
|
background: {$sh-yellowbackground};
|
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;
|
|
|
|
background: {$lightgreybackground};
|
|
|
|
color: {$bluetext};
|
|
|
|
border-right: 1px solid {$thinblueborder};
|
2011-03-23 03:34:47 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.diffusion-source td {
|
|
|
|
letter-spacing: 0.0083334px;
|
|
|
|
vertical-align: top;
|
2012-04-08 02:24:35 +02:00
|
|
|
white-space: pre-wrap;
|
2011-03-23 03:34:47 +01:00
|
|
|
padding-bottom: 1px;
|
|
|
|
padding-left: 8px;
|
|
|
|
line-height: 16px;
|
2012-04-08 02:24:35 +02:00
|
|
|
width: 100%;
|
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,
|
2013-10-30 21:15:26 +01:00
|
|
|
.diffusion-rev-link {
|
2012-04-08 02:24:35 +02:00
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
|
2013-03-05 23:31:20 +01:00
|
|
|
.diffusion-blame-link {
|
2013-10-16 22:09:12 +02:00
|
|
|
min-width: 28px;
|
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;
|
2013-03-05 23:31:20 +01:00
|
|
|
}
|
|
|
|
|
2012-04-08 02:24:35 +02:00
|
|
|
.diffusion-blame-link a,
|
|
|
|
.diffusion-rev-link a,
|
|
|
|
.diffusion-line-link a {
|
2013-10-16 22:09:12 +02:00
|
|
|
color: {$darkbluetext};
|
2012-03-01 03:18:04 +01:00
|
|
|
}
|
|
|
|
|
2012-10-25 00:27:37 +02:00
|
|
|
.diffusion-rev-link a,
|
2013-10-30 21:15:26 +01:00
|
|
|
.diffusion-rev-link span {
|
2013-10-16 22:09:12 +02:00
|
|
|
margin: 2px 8px 0;
|
2013-10-30 21:15:26 +01:00
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.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;
|
|
|
|
padding: 2px 8px;
|
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;
|
|
|
|
}
|