mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-30 17:30:59 +01:00
d96d515cc2
Summary: Allows you to link to comments with "D123#3" or "T123#3", then adds a pile of JS to try to make it not terrible. :/ The thing I'm trying to avoid here is when someone says "look at this! http://blog.com/#comment-239291" and you click and your browser jumps somewhere random and you have no idea which comment they meant. Since I really hate this, I've tried to avoid it by making sure the comment is always highlighted. Test Plan: Put T1#1 and D1#1 in remarkup and verified they linked properly. Clicked anchors on individual comments. Faked all comments hidden in Differential and verified they expanded on anchor or anchor change. Reviewed By: aran Reviewers: aran, tomo, mroch, jungejason, tuomaspelkonen CC: aran, epriestley Differential Revision: 383
166 lines
3.5 KiB
CSS
166 lines
3.5 KiB
CSS
/**
|
|
* @provides differential-revision-comment-css
|
|
*/
|
|
|
|
|
|
.differential-comment {
|
|
padding: 3px 6px;
|
|
margin-bottom: 10px;
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
.differential-comment-list .anchor-target {
|
|
background-color: #ffffdd;
|
|
border-color: #ffff00;
|
|
}
|
|
|
|
.differential-comment-info {
|
|
color: #666666;
|
|
float: right;
|
|
font-size: 11px;
|
|
margin: 0 0 3px;
|
|
padding-top: 6px;
|
|
}
|
|
|
|
.differential-comment-info a {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.differential-comment-title {
|
|
font-weight: bold;
|
|
height: 16px;
|
|
margin: 4px 0em 0em 0em;
|
|
padding: 4px 0em;
|
|
position: relative;
|
|
}
|
|
|
|
.differential-comment-body {
|
|
min-height: 56px;
|
|
padding-left: 62px;
|
|
background-repeat: no-repeat;
|
|
background-position: 6px 0px;
|
|
}
|
|
|
|
.differential-comment-content {
|
|
background: #fbfbfb;
|
|
border-color: #c3c3c3;
|
|
border-style: solid;
|
|
border-width: 1px 10px 1px 10px;
|
|
clear: both;
|
|
line-height: 1.4em;
|
|
margin: 0em;
|
|
padding: .3em 5px .4em 1.25em;
|
|
}
|
|
|
|
.differential-comment-content {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.differential-comment-content .phabricator-remarkup code,
|
|
.differential-comment-core .phabricator-remarkup code {
|
|
width: 88ex;
|
|
width: 81ch;
|
|
}
|
|
|
|
.differential-comment-nocontent {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.differential-comment-action-testplan .differential-comment-content {
|
|
border-color: #660099;
|
|
background: #f6f3ff;
|
|
}
|
|
|
|
.differential-comment-action-abandon .differential-comment-content {
|
|
border-color: #222222;
|
|
background: #f3f3f3;
|
|
}
|
|
|
|
.differential-comment-action-accept .differential-comment-content {
|
|
border-color: #009966;
|
|
background: #f3fff3;
|
|
}
|
|
|
|
.differential-comment-action-reject .differential-comment-content {
|
|
border-color: #aa0000;
|
|
background: #fff3f3;
|
|
}
|
|
|
|
.differential-comment-action-rethink .differential-comment-content {
|
|
border-color: #aa0000;
|
|
background: #fff3f3;
|
|
}
|
|
|
|
.differential-comment-action-commit .differential-comment-content {
|
|
border-color: #006699;
|
|
background: #f3f3ff;
|
|
}
|
|
|
|
|
|
.differential-comment-action-reclaim .differential-comment-content {
|
|
border-color: #0099aa;
|
|
background: #f3fff9;
|
|
}
|
|
|
|
.differential-comment-action-update .differential-comment-content {
|
|
border-color: #6699cc;
|
|
background: #f3f9ff;
|
|
}
|
|
|
|
.differential-comment-action-add_reviewers .differential-comment-content {
|
|
border-color: #aa99cc;
|
|
background: #f9f3ff;
|
|
}
|
|
|
|
.differential-comment-action-request_review .differential-comment-content {
|
|
border-color: #cc9966;
|
|
background: #fff9f3;
|
|
}
|
|
|
|
.differential-inline-summary th,
|
|
.differential-inline-summary td {
|
|
vertical-align: top;
|
|
padding: 0 0 6px;
|
|
}
|
|
|
|
.differential-inline-summary th {
|
|
padding-top: 16px;
|
|
color: #666666;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.differential-inline-summary tr > th:first-child {
|
|
padding-top: 2px;
|
|
}
|
|
|
|
|
|
.differential-inline-summary td.inline-line-number {
|
|
color: #444444;
|
|
white-space: nowrap;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
padding: 0 4px;
|
|
width: 90px;
|
|
}
|
|
|
|
.differential-inline-summary td.inline-line-number .num {
|
|
display: block;
|
|
position: relative;
|
|
padding-left: 15px;
|
|
padding-right: 5px;
|
|
width: 70px; /* Need lots of width for 23,950-23,951 */
|
|
}
|
|
|
|
.differential-inline-summary td.inline-line-number a:hover {
|
|
background: #3b5998;
|
|
color: white;
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
.differential-inline-summary-section {
|
|
margin: 1em 0 .5em;
|
|
font-size: 11px;
|
|
border-bottom: 1px solid #dddddd;
|
|
color: #666666;
|
|
}
|