Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/css/application/differential/changeset-view.css
Show All 10 Lines | |||||
.device-phone .differential-changeset { | .device-phone .differential-changeset { | ||||
overflow-x: scroll; | overflow-x: scroll; | ||||
} | } | ||||
.differential-diff { | .differential-diff { | ||||
background: #fff; | background: #fff; | ||||
width: 100%; | width: 100%; | ||||
min-width: 780px; | |||||
border-top: 1px solid {$lightblueborder}; | border-top: 1px solid {$lightblueborder}; | ||||
border-bottom: 1px solid {$lightblueborder}; | border-bottom: 1px solid {$lightblueborder}; | ||||
table-layout: fixed; | |||||
} | |||||
.differential-diff col.num { | |||||
width: 45px; | |||||
} | |||||
.differential-diff col.left, | |||||
.differential-diff col.right { | |||||
width: 49.25%; | |||||
} | |||||
.differential-diff col.copy { | |||||
width: 0.5%; | |||||
} | |||||
.differential-diff col.cov { | |||||
width: 1%; | |||||
} | } | ||||
.differential-diff td { | .differential-diff td { | ||||
min-width: 320px; | |||||
/* | /* | ||||
Disable ligatures in Firefox. Firefox 3 has fancypants ligature support, but | Disable ligatures in Firefox. Firefox 3 has fancypants ligature support, but | ||||
it gets applied to monospaced fonts, which sucks because it means that the | it gets applied to monospaced fonts, which sucks because it means that the | ||||
"fi" ligature only takes up one character, e.g. It's probably the font's | "fi" ligature only takes up one character, e.g. It's probably the font's | ||||
fault that it even specifies ligatures (seriously, what the hell?) but | fault that it even specifies ligatures (seriously, what the hell?) but | ||||
that's hard to fix and this is "easy" to "fix": custom letter spacing | that's hard to fix and this is "easy" to "fix": custom letter spacing | ||||
disables ligatures, as long as it's at least 0.008333-repeating pixels of | disables ligatures, as long as it's at least 0.008333-repeating pixels of | ||||
custom letter spacing. I have no idea where this number comes from, but note | custom letter spacing. I have no idea where this number comes from, but note | ||||
that .83333.. = 5/6. -epriestley | that .83333.. = 5/6. -epriestley | ||||
*/ | */ | ||||
letter-spacing: 0.0083334px; | letter-spacing: 0.0083334px; | ||||
vertical-align: top; | vertical-align: top; | ||||
white-space: pre-wrap; | white-space: pre-wrap; | ||||
word-wrap: break-word; | |||||
padding: 0 8px 1px; | padding: 0 8px 1px; | ||||
line-height: 16px; | line-height: 16px; | ||||
} | } | ||||
.differential-diff th { | .differential-diff th { | ||||
text-align: right; | text-align: right; | ||||
padding: 2px 6px 0px 0px; | padding: 2px 6px 0px 0px; | ||||
width: 4%; | |||||
min-width: 45px; | |||||
max-width: 4%; | |||||
vertical-align: top; | vertical-align: top; | ||||
background: {$lightbluebackground}; | background: {$lightbluebackground}; | ||||
color: {$bluetext}; | color: {$bluetext}; | ||||
cursor: pointer; | cursor: pointer; | ||||
border-right: 1px solid {$thinblueborder}; | border-right: 1px solid {$thinblueborder}; | ||||
font-size: 11px; | font-size: 11px; | ||||
overflow: hidden; | overflow: hidden; | ||||
-moz-user-select: -moz-none; | -moz-user-select: -moz-none; | ||||
-khtml-user-select: none; | -khtml-user-select: none; | ||||
-webkit-user-select: none; | -webkit-user-select: none; | ||||
-ms-user-select: none; | -ms-user-select: none; | ||||
user-select: none; | user-select: none; | ||||
} | } | ||||
.differential-diff td.left { | |||||
width: 45%; | |||||
} | |||||
.differential-diff td.right, | |||||
.differential-diff td.right1 { | |||||
width: 43.5%; | |||||
} | |||||
.differential-diff td.right2 { | |||||
width: 44.5%; | |||||
} | |||||
.differential-diff td.right3 { | |||||
width: 45%; | |||||
} | |||||
.differential-changeset-immutable .differential-diff th { | .differential-changeset-immutable .differential-diff th { | ||||
cursor: auto; | cursor: auto; | ||||
} | } | ||||
.differential-diff td.old { | .differential-diff td.old { | ||||
background: #ffd0d0; | background: #ffd0d0; | ||||
} | } | ||||
Show All 36 Lines | .differential-diff td.new-move span.bright { | ||||
background: {$yellow}; | background: {$yellow}; | ||||
} | } | ||||
.differential-diff td.comment { | .differential-diff td.comment { | ||||
background: #dddddd; | background: #dddddd; | ||||
} | } | ||||
.differential-diff td.cov { | .differential-diff td.cov { | ||||
min-width: 1%; | |||||
width: 1%; | |||||
padding: 0; | padding: 0; | ||||
} | } | ||||
td.cov-U { | td.cov-U { | ||||
background: #dd8866; | background: #dd8866; | ||||
} | } | ||||
td.cov-C { | td.cov-C { | ||||
▲ Show 20 Lines • Show All 108 Lines • ▼ Show 20 Lines | .differential-inline-comment-edit { | ||||
border: 1px solid #ccccaa; | border: 1px solid #ccccaa; | ||||
font-family: "Helvetica Neue", "Arial", sans-serif; | font-family: "Helvetica Neue", "Arial", sans-serif; | ||||
font-size: 12px; | font-size: 12px; | ||||
margin: 6px 0px; | margin: 6px 0px; | ||||
padding: 8px 10px; | padding: 8px 10px; | ||||
width: 100%; | 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; | |||||
overflow: hidden; | overflow: hidden; | ||||
white-space: normal; | white-space: normal; | ||||
} | } | ||||
.differential-inline-comment-edit .aphront-form-control-textarea { | .differential-inline-comment-edit .aphront-form-control-textarea { | ||||
padding: 0; | padding: 0; | ||||
} | } | ||||
▲ Show 20 Lines • Show All 214 Lines • Show Last 20 Lines |