//
// @description :
// @author      : Adarsh Pastakia
// @copyright   : 2017
// @license     : MIT
.ui-tree-panel {
  display: block;

  &.has-search {}

  a {
    text-decoration: none;
  }

  .ui-tree-search {
    z-index: 50;
    top    : 0;
    margin : 0;
    width  : 100%;
    @include sticky();
  }

  .ui-tree-level {
    z-index: 10;
    @include padding(start, .5em);
  }

  .ui-tree-level .ui-tree-level {
    @include padding(start, .9em);
  }

  .ui-tree-item {
    display: block;
  }

  .ui-tree-item > .ui-tree-item-link {
    @include flex-row($align: center, $wrap: false);

    &.ui-disabled {
      pointer-events: none;
      opacity       : 0.5;
    }

    a.ui-expander {
      color        : $muted;
      font-size    : 0.9em;
      border-radius: 0.2em;
      @include flex(0 0 auto);

      &:hover {
        color: $primary;
      }
    }

    a.ui-node-checkbox {
      color    : $muted;
      font-size: 0.9em;
      margin   : 0 0.2em;
      @include flex(0 0 auto);

      &:hover {
        color: $tree-active-bg;
      }

      &.on {
        & ~ a.ui-link {}
      }
    }

    a.ui-node-link {
      font-size  : 0.9em;
      white-space: nowrap;
      color      : $base-text;
      // padding    : 0 0.25em;
      line-height: 1.8em;
      @include flex(1 1 1em);
      @include flex-row($wrap: false);

      .ui-icon {
        margin     : 0 0.5em;
        font-weight: normal;
      }

      b {
        font-weight    : 600;
        text-decoration: underline;
        color          : $tree-active-bg;
      }

      &:hover {
        background-color: rgba($tree-active-bg, .25);
      }

      &.ui-active {
        color           : $tree-active-text;
        background-color: rgba($tree-active-bg, .75);

        b {
          color: $tree-active-text;
        }
      }

      &.ui-partial {
        color          : $tree-active-bg;
        text-decoration: underline;
      }
    }
  }
}