/**
 * @provides diff-tree-view-css
 */

.diff-tree-view {
  margin: 0 4px;
}

.diff-tree-path {
  height: 20px;
  color: {$greytext};
  line-height: 20px;
}

.diff-tree-path-indent {
  position: relative;
}

.diff-tree-path-icon {
  position: absolute;
  width: 20px;
  height: 20px;
  text-align: center;
}

.diff-tree-path-name {
  margin-left: 24px;
  margin-right: 44px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.diff-tree-path-changeset {
  cursor: pointer;
  color: {$darkbluetext};
}

.diff-tree-path-focused {
  background: {$darkgreybackground};
}

.diff-tree-path-selected {
  background: {$yellow};
}

.device-desktop .diff-tree-path-changeset:hover {
  background: {$lightblueborder};
  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;
}