Differential D21154 Diff 50370 webroot/rsrc/css/application/diff/diff-tree-view.css

Changeset 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;
				}