Differential D17913 Diff 43091 webroot/rsrc/css/application/differential/phui-inline-comment.css

Changeset View

Standalone View

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

Show All 22 Lines	.differential-inline-comment-content {
overflow: auto;		overflow: auto;
}		}

.differential-inline-comment,		.differential-inline-comment,
.differential-inline-comment-edit {		.differential-inline-comment-edit {
background: #fff;		background: #fff;
border: 1px solid {$sh-yellowborder};		border: 1px solid {$sh-yellowborder};
font: {$basefont};		font: {$basefont};
margin: 0;
width: 100%;
-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;
		}

		.device .differential-inline-comment {
		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;
Show All 9 Lines

.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};
background-color: {$lightgreybackground};		background-color: {$lightgreybackground};
}		}

/* Tighten up spacing on replies */		/* Tighten up spacing on replies */
.differential-inline-comment.inline-comment-is-reply {		.differential-inline-comment.inline-comment-is-reply {
margin-top: -12px;		margin-top: 0;
}		}

.differential-inline-comment .inline-head-right {		.differential-inline-comment .inline-head-right {
float: right;		float: right;
padding-right: 4px;		padding-right: 4px;
}		}

.differential-inline-comment .inline-head-right .button {		.differential-inline-comment .inline-head-right .button {
▲ Show 20 Lines • Show All 237 Lines • ▼ Show 20 Lines
/* - Undo ---------------------------------------------------------------------		/* - Undo ---------------------------------------------------------------------

A wild undo box appears!		A wild undo box appears!

*/		*/

.differential-inline-undo {		.differential-inline-undo {
padding: 8px;		padding: 8px;
		margin: 8px 12px;
text-align: center;		text-align: center;
background: {$sh-yellowbackground};		background: {$sh-yellowbackground};
border: 1px solid {$sh-yellowborder};		border: 1px solid {$sh-yellowborder};
margin: 4px 0;		margin: 4px 0;
color: {$darkgreytext};		color: {$darkgreytext};
font: {$basefont};		font: {$basefont};
font-size: {$normalfontsize};		font-size: {$normalfontsize};
border-radius: 3px;		border-radius: 3px;
▲ Show 20 Lines • Show All 58 Lines • ▼ Show 20 Lines	.inline-hidden .reveal-inline {
display: block;		display: block;
}		}

.inline-hidden .differential-inline-comment {		.inline-hidden .differential-inline-comment {
display: none;		display: none;
}		}

.differential-inline-summary {		.differential-inline-summary {
background: {$greybackground};		background: {$lightgreybackground};
padding: 0 4px;		padding: 2px 16px;
color: {$greytext};		color: {$lightgreytext};
		font-size: {$smallerfontsize};
display: none;		display: none;
		font: {$basefont};
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		}

		.device .differential-inline-summary {
		padding-left: 4px;
		padding-right: 4px;
}		}

.inline-hidden .differential-inline-summary {		.inline-hidden .differential-inline-summary {
display: block;		display: block;
}		}

.reveal-inline span.phui-icon-view {		.reveal-inline span.phui-icon-view {
color: {$lightbluetext};		color: {$lightbluetext};
Show All 14 Lines