@tree-prefix-cls: ~"@{fishd-prefix}-tree";

.@{tree-prefix-cls}.@{tree-prefix-cls}-directory {
  position: relative;

  // Stretch selector width
  > li,
  .@{tree-prefix-cls}-child-tree > li {
    span {
      &.@{tree-prefix-cls}-switcher {
        position: relative;
        z-index: 1;
      }

      &.@{tree-prefix-cls}-switcher.@{tree-prefix-cls}-switcher-noop {
        pointer-events: none;
      }

      &.@{tree-prefix-cls}-checkbox {
        position: relative;
        z-index: 1;
      }

      &.@{tree-prefix-cls}-node-content-wrapper {
        user-select: none;
      }

      &.@{tree-prefix-cls}-node-content-wrapper:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: @tree-title-height;
        transition: all 0.3s;
      }

      &.@{tree-prefix-cls}-node-content-wrapper > span {
        position: relative;
        z-index: 1;
      }
    }

    &.@{tree-prefix-cls}-treenode-selected > span {
      &.@{tree-prefix-cls}-checkbox .@{tree-prefix-cls}-checkbox-inner {
        border-color: @primary-color;
      }

      &.@{tree-prefix-cls}-checkbox.@{tree-prefix-cls}-checkbox-checked:after {
        border-color: @checkbox-check-color;
      }

      &.@{tree-prefix-cls}-checkbox.@{tree-prefix-cls}-checkbox-checked .@{tree-prefix-cls}-checkbox-inner {
        background: @checkbox-check-color;
      }

      &.@{tree-prefix-cls}-checkbox.@{tree-prefix-cls}-checkbox-checked .@{tree-prefix-cls}-checkbox-inner:after {
        border-color: @primary-color;
      }
    }
  }
}