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 |