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: 0 4px; | margin: 0 4px; | ||||
| } | } | ||||
| .diff-tree-path { | .diff-tree-path { | ||||
| height: 20px; | height: 20px; | ||||
| line-height: 20px; | line-height: 20px; | ||||
| color: {$greytext}; | color: {$greytext}; | ||||
| border-left: 4px solid transparent; | |||||
| } | } | ||||
| .diff-tree-path-indent { | .diff-tree-path-indent { | ||||
| position: relative; | position: relative; | ||||
| } | } | ||||
| .diff-tree-path-icon { | .diff-tree-path-icon { | ||||
| position: absolute; | position: absolute; | ||||
| Show All 18 Lines | .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 { | |||||
| 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-view .diff-tree-path-changeset.diff-tree-path-selected { | |||||
| /* Rule is intentionally more specific than "hover". */ | |||||
| background: {$yellow}; | |||||
| } | |||||
| .diff-tree-path-low-importance .diff-tree-path-name { | |||||
| opacity: 0.5; | |||||
| } | |||||
| .diff-tree-path-owned { | |||||
| border-left-color: {$orange}; | |||||
| box-shadow: inset 2px 0 {$lightorange}; | |||||
| } | |||||
| .diff-tree-path-inlines { | .diff-tree-path-inlines { | ||||
| display: none; | display: none; | ||||
| position: absolute; | position: absolute; | ||||
| right: 4px; | right: 4px; | ||||
| border-radius: 4px; | border-radius: 4px; | ||||
| text-align: center; | text-align: center; | ||||
| top: 2px; | top: 2px; | ||||
| height: 16px; | height: 16px; | ||||
| Show All 16 Lines | |||||