Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/css/application/differential/changeset-view.css
| /** | /** | ||||
| * @provides differential-changeset-view-css | * @provides differential-changeset-view-css | ||||
| * @requires phui-inline-comment-view-css | * @requires phui-inline-comment-view-css | ||||
| */ | */ | ||||
| .differential-changeset { | .differential-changeset { | ||||
| position: relative; | position: relative; | ||||
| margin: 0; | |||||
| padding-top: 16px; | |||||
| overflow-x: auto; | overflow-x: auto; | ||||
| /* Fixes what seems to be a layout bug in Firefox which causes scrollbars, | /* Fixes what seems to be a layout bug in Firefox which causes scrollbars, | ||||
| to appear unpredictably, see discussion in T7690. */ | to appear unpredictably, see discussion in T7690. */ | ||||
| overflow-y: hidden; | overflow-y: hidden; | ||||
| } | } | ||||
| .device-phone .differential-changeset { | .device-phone .differential-changeset { | ||||
| ▲ Show 20 Lines • Show All 289 Lines • ▼ Show 20 Lines | .differential-meta-notice { | ||||
| background-color: {$gentle.highlight}; | background-color: {$gentle.highlight}; | ||||
| padding: 12px; | padding: 12px; | ||||
| } | } | ||||
| .differential-meta-notice + .differential-diff { | .differential-meta-notice + .differential-diff { | ||||
| border-top: none; | border-top: none; | ||||
| } | } | ||||
| .differential-changeset h1 { | .differential-changeset .differential-file-icon-header { | ||||
| font-size: {$biggestfontsize}; | font-size: {$biggestfontsize}; | ||||
| padding: 2px 0 20px 12px; | padding: 18px 0 20px 12px; | ||||
| margin-top: 4px; | |||||
| line-height: 20px; | line-height: 20px; | ||||
| color: {$blacktext}; | color: {$blacktext}; | ||||
| cursor: pointer; | |||||
| } | } | ||||
| .device-phone .differential-changeset h1 { | .device-phone .differential-changeset .differential-file-icon-header { | ||||
| word-break: break-word; | word-break: break-word; | ||||
| margin-right: 8px; | margin-right: 8px; | ||||
| } | } | ||||
| .differential-reticle { | .differential-reticle { | ||||
| background-color: {$sh-yellowbackground}; | background-color: {$sh-yellowbackground}; | ||||
| border: 1px solid {$sh-yellowborder}; | border: 1px solid {$sh-yellowborder}; | ||||
| position: absolute; | position: absolute; | ||||
| opacity: 0.5; | opacity: 0.5; | ||||
| top: 0; | top: 0; | ||||
| left: 0; | left: 0; | ||||
| box-sizing: border-box; | box-sizing: border-box; | ||||
| pointer-events: none; | pointer-events: none; | ||||
| } | } | ||||
| .differential-loading { | .differential-loading { | ||||
| border-top: 1px solid {$gentle.highlight.border}; | border-top: 1px solid {$gentle.highlight.border}; | ||||
| border-bottom: 1px solid {$gentle.highlight.border}; | border-bottom: 1px solid {$gentle.highlight.border}; | ||||
| background-color: {$gentle.highlight}; | background-color: {$gentle.highlight}; | ||||
| padding: 12px; | padding: 12px; | ||||
| text-align: center; | text-align: center; | ||||
| } | } | ||||
| .differential-collapse-undo { | |||||
| color: {$darkbluetext}; | |||||
| padding: 12px; | |||||
| border: 1px solid {$blue}; | |||||
| text-align: center; | |||||
| background-color: {$lightblue}; | |||||
| margin: 8px; | |||||
| } | |||||
| .differential-collapse-undo a { | |||||
| font-weight: bold; | |||||
| } | |||||
| .differential-file-icon-header .phui-icon-view { | .differential-file-icon-header .phui-icon-view { | ||||
| display: inline-block; | display: inline-block; | ||||
| margin: 0 6px 2px 0; | margin: 0 6px 2px 0; | ||||
| vertical-align: middle; | vertical-align: middle; | ||||
| font-size: 14px; | font-size: 14px; | ||||
| } | } | ||||
| .device-phone .differential-file-icon-header .phui-icon-view { | .device-phone .differential-file-icon-header .phui-icon-view { | ||||
| display: none; | display: none; | ||||
| } | } | ||||
| .differential-changeset-buttons { | .differential-changeset-buttons { | ||||
| float: right; | float: right; | ||||
| margin-top: 16px; | |||||
| margin-right: 12px; | margin-right: 12px; | ||||
| } | } | ||||
| .device-phone .differential-changeset-buttons .button .phui-button-text { | .device-phone .differential-changeset-buttons .button .phui-button-text { | ||||
| visibility: hidden; | visibility: hidden; | ||||
| width: 0; | width: 0; | ||||
| margin-left: 8px; | margin-left: 8px; | ||||
| } | } | ||||
| ▲ Show 20 Lines • Show All 99 Lines • ▼ Show 20 Lines | |||||
| .differential-diff.copy-l > tbody > tr.inline > td, | .differential-diff.copy-l > tbody > tr.inline > td, | ||||
| .differential-diff.copy-r > tbody > tr.inline > td { | .differential-diff.copy-r > tbody > tr.inline > td { | ||||
| -moz-user-select: none; | -moz-user-select: none; | ||||
| -ms-user-select: none; | -ms-user-select: none; | ||||
| -webkit-user-select: none; | -webkit-user-select: none; | ||||
| user-select: none; | user-select: none; | ||||
| } | } | ||||
| .changeset-content-hidden .differential-file-icon-header { | |||||
| background: {$lightgreybackground}; | |||||
| color: {$greytext}; | |||||
| } | |||||
| .changeset-selected .differential-file-icon-header { | |||||
| background: {$lightyellow}; | |||||
| color: {$blacktext}; | |||||
| } | |||||