Changeset View
Changeset View
Standalone 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}; | |||||
} |