Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/css/application/diff/diff-tree-view.css
| /** | /** | ||||
| * @provides diff-tree-view-css | * @provides diff-tree-view-css | ||||
| */ | */ | ||||
| .diff-tree-view { | .diff-tree-view { | ||||
| margin: 4px; | margin: 0 4px; | ||||
| } | } | ||||
| .diff-tree-path { | .diff-tree-path { | ||||
| position: relative; | |||||
| height: 20px; | height: 20px; | ||||
| color: {$greytext}; | color: {$greytext}; | ||||
| line-height: 20px; | line-height: 20px; | ||||
| } | } | ||||
| .diff-tree-path-indent { | |||||
| position: relative; | |||||
| } | |||||
| .diff-tree-path-icon { | .diff-tree-path-icon { | ||||
| position: absolute; | position: absolute; | ||||
| width: 20px; | width: 20px; | ||||
| height: 20px; | height: 20px; | ||||
| text-align: center; | text-align: center; | ||||
| } | } | ||||
| .diff-tree-path-name { | .diff-tree-path-name { | ||||
| margin-left: 24px; | margin-left: 24px; | ||||
| margin-right: 24px; | margin-right: 44px; | ||||
| white-space: nowrap; | white-space: nowrap; | ||||
| overflow: hidden; | overflow: hidden; | ||||
| text-overflow: ellipsis; | text-overflow: ellipsis; | ||||
| } | } | ||||
| .diff-tree-path-changeset { | .diff-tree-path-changeset { | ||||
| cursor: pointer; | cursor: pointer; | ||||
| color: {$darkbluetext}; | color: {$darkbluetext}; | ||||
| } | } | ||||
| .diff-tree-path-focused { | .diff-tree-path-focused { | ||||
| background: {$darkgreybackground}; | background: {$darkgreybackground}; | ||||
| } | } | ||||
| .diff-tree-path-selected { | .diff-tree-path-selected { | ||||
| background: {$yellow}; | background: {$yellow}; | ||||
| } | } | ||||
| .device-desktop .diff-tree-path-changeset:hover { | .device-desktop .diff-tree-path-changeset:hover { | ||||
| background: {$lightblueborder}; | background: {$lightblueborder}; | ||||
| transition: 0.1s; | transition: 0.1s; | ||||
| } | } | ||||
| .diff-tree-path-inlines { | |||||
| display: none; | |||||
| position: absolute; | |||||
| right: 4px; | |||||
| border-radius: 4px; | |||||
| text-align: center; | |||||
| top: 2px; | |||||
| height: 16px; | |||||
| line-height: 14px; | |||||
| width: 36px; | |||||
| font-size: {$smallerfontsize}; | |||||
| color: {$greytext}; | |||||
| } | |||||
| .diff-tree-path-inlines-visible { | |||||
| display: block; | |||||
| background: {$lightblueborder}; | |||||
| } | |||||
| .diff-tree-path-inlines-completed { | |||||
| background: {$darkgreybackground}; | |||||
| color: {$lightgreytext}; | |||||
| opacity: 0.75; | |||||
| } | |||||