Differential D21256 Diff 50617 webroot/rsrc/css/application/differential/phui-inline-comment.css

Changeset View

Standalone View

webroot/rsrc/css/application/differential/phui-inline-comment.css

Show All 19 Lines
}		}

.differential-inline-comment-content {		.differential-inline-comment-content {
overflow: auto;		overflow: auto;
}		}

.differential-inline-comment,		.differential-inline-comment,
.differential-inline-comment-edit {		.differential-inline-comment-edit {
background: {$page.content};
border: 1px solid {$gentle.highlight.border};
font: {$basefont};		font: {$basefont};
-moz-box-sizing: border-box;		-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;		-webkit-box-sizing: border-box;
box-sizing: border-box;		box-sizing: border-box;
overflow: hidden;		overflow: hidden;
white-space: normal;		white-space: normal;
border-radius: 3px;		border-radius: 3px;
margin: 8px 12px;		margin: 8px 12px;
		background: {$page.content};
		border: 1px solid {$blueborder};
}		}

.device .differential-inline-comment {		.device .differential-inline-comment {
margin: 4px;		margin: 4px;
}		}

.inline-state-is-draft {		.inline-state-is-draft {
border: 1px dashed {$greyborder};		border: 1px dashed {$greyborder};
}		}

.differential-inline-comment-head {		.differential-inline-comment-head {
font-weight: bold;		font-weight: bold;
color: {$darkbluetext};		color: {$darkbluetext};
border-bottom: 1px solid {$gentle.highlight.border};
padding: 4px 5px 4px 8px;		padding: 4px 5px 4px 8px;
background-color: {$gentle.highlight};
		background: {$lightbluebackground};
		border-bottom: 1px solid {$blueborder};
}		}

.differential-inline-comment-content {		.differential-inline-comment-content {
padding: 12px;		padding: 12px;
}		}

.inline-state-is-draft .differential-inline-comment-head {		.inline-state-is-draft .differential-inline-comment-head {
border-bottom: 1px dashed {$lightgreyborder};		border-bottom: 1px dashed {$lightgreyborder};
▲ Show 20 Lines • Show All 194 Lines • ▼ Show 20 Lines	.differential-inline-done-label:hover {
color: {$sky};		color: {$sky};
}		}

.differential-inline-comment.inline-is-done .differential-inline-comment-head		.differential-inline-comment.inline-is-done .differential-inline-comment-head
.button-done {		.button-done {
color: {$sky};		color: {$sky};
}		}


/* - Inline Is Done -----------------------------------------------------------

Is Done for Diff Author = grey, for Diff Viewer = yellow.

*/

.differential-inline-comment.inline-is-done {		.differential-inline-comment.inline-is-done {
border-color: {$lightgreyborder};		border-color: {$thingreyborder};
}		}

.differential-inline-comment.inline-is-done		.differential-inline-comment.inline-is-done
.differential-inline-comment-head {		.differential-inline-comment-head {
background-color: {$lightgreybackground};		background-color: {$lightgreybackground};
border-bottom-color: {$lightgreyborder};		border-bottom-color: {$thingreyborder};
}		}

.differential-inline-comment.inline-is-done .differential-inline-comment-head		.differential-inline-comment.inline-is-done .differential-inline-comment-head
.button.simple {		.button.simple {
border-color: {$lightgreyborder};		border-color: {$lightgreyborder};
color: {$lightgreytext};		color: {$lightgreytext};
}		}

▲ Show 20 Lines • Show All 135 Lines • ▼ Show 20 Lines
.inline-button-divider {		.inline-button-divider {
border-left: 1px solid rgba({$alphagrey},.25);		border-left: 1px solid rgba({$alphagrey},.25);
margin-left: 8px;		margin-left: 8px;
}		}

.differential-inline-comment-synthetic .inline-button-divider {		.differential-inline-comment-synthetic .inline-button-divider {
border: none;		border: none;
}		}

		.inline-comment-element .differential-inline-comment-head {
		cursor: pointer;
		}

		.inline-comment-selected .inline-comment-element {
		border-color: {$yellow};
		background: {$gentle.highlight.background};
		}

		.inline-comment-selected .inline-comment-element
		.differential-inline-comment-head {
		background: {$lightyellow};
		border-color: {$yellow};
		}