/**
 * @provides phabricator-filetree-view-css
 */

.phabricator-filetree {
  padding: 4px 0;
}

/* NOTE: Until the whole side nav situation gets cleaned up, we need to be
   highly specific in specifying selectors here, to override side nav styles.
*/

.phabricator-filetree .phabricator-filetree-item {
  margin: 0;
  padding: 0;
  display: block;
  border-left: 4px solid transparent;
}

.phabricator-filetree span.phabricator-filetree-icon {
  background-repeat: no-repeat;
  background-position: 0 2px;
  width: 16px;
  height: 20px;
  padding: 0;
  float: left;
}

.phabricator-filetree span.phabricator-filetree-name {
  padding: 0;
  margin-left: 4px;
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  white-space: nowrap;
}

.phabricator-filetree span.phabricator-filetree-item
  .phabricator-filetree-name {
  color: {$darkbluetext};
}

.phabricator-filetree a.phabricator-filetree-item
  .phabricator-filetree-name {
  color: {$darkbluetext};
}

.phabricator-filetree a.phabricator-filetree-item:hover {
  text-decoration: none;
  background-color: {$hovergrey};
}

.phabricator-filetree .filetree-added {
  background: {$sh-greenbackground};
}

.phabricator-filetree .filetree-deleted {
  background: {$sh-redbackground};
}

.phabricator-filetree .filetree-movecopy {
  background: {$sh-orangebackground};
}

.phabricator-filetree .phabricator-active-nav-focus {
  background-color: {$hovergrey};
  border-left: 4px solid {$sky};
}

.phabricator-filetree .filetree-progress-hint {
  width: 24px;
  margin-right: 6px;
  display: inline-block;
  padding: 0 4px;
  border-radius: 4px;
  font-size: smaller;
  background: {$greybackground};
  text-align: center;
  opacity: 0.5;
}

.phabricator-filetree .filetree-comments-visible {
  background: {$lightblue};
  opacity: 0.75;
  color: {$darkgreytext};
}

.phabricator-filetree .filetree-comments-completed {
  background: {$darkgreybackground};
  color: {$greytext};
}