@import "mixins/mixins";
@import "common/var";

@include b(tree-select) {
  display: inline-flex;
  .el-select{
    flex: 1;
  }
  .el-tree-select-prefix-box{
    border: $--border-1 solid $--color-border-3;
    border-right: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    line-height: 22px;
    padding: 6px 12px;
    font-weight: $--font-weight-400;
    color: $--color-text-regular;
    font-size: $--font-size-base;
    border-radius: 4px 0 0 4px;
    &_large{
      padding: 6px 12px;
    }
    &_medium{
      padding: 4px 12px;
    }
    &_small{
      padding: 2px 12px;
    }
    &_disabled{
      color:$--color-secondary-active;
      background: $--color-secondary-disabled-background;
    }
  }
}

@include b(tree-select-popper) {

  .el-tree-node__content {
    min-width: 155px;
    padding: 6px 0;
  }

 .el-tree-node__label {
    font-size: $--font-size-base;
    margin: auto 12px auto 4px;
    line-height: 22px;
    font-weight: $--font-weight-400;
    white-space: pre-wrap;
  }
  .el-tree__icon{
    line-height: 16px;
  }
}
.el-tree-default{
  .el-select{
    width: 100%;
  }
}
.el-tree-select{
  width: 350px;
  .tree-prefix-large-select, .tree-prefix-select{
    width: 100%;
    overflow: initial !important;
    .el-input__inner{
      padding-left: 13px !important;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      &:focus{
        color: $--color-text-1;
      }
    }
    // .el-input__prefix{
    //   border: $--border-1 solid $--color-border-3;
    //   border-right: 0;
    //   border-top-left-radius: 4px;
    //   border-bottom-left-radius: 4px;
    //   left: -70px;
    // }
    // .prefix-box{
    //   width: 69px;
    //   line-height: 22px;
    //   padding: 6px 12px;
    //   font-weight: $--font-weight-400;
    //   color: $--color-text-regular;
    //   font-size: $--font-size-base;
    //   border-radius: 4px 0 0 4px;
    // }
  }
  // .tree-prefix-medium-select{
  //   .el-input__prefix{
  //     left: -70px;
  //   }
  //   .prefix-box{
  //     padding: 4px 12px;
  //   }
  // }
  // .tree-prefix-small-select{
  //   .el-input__prefix{
  //     left: -70px;
  //   }
  //   .prefix-box{
  //     padding: 2px 12px;
  //   }
  // }
  // .tree-disabled-prefix{
  //   .prefix-box{
  //     color:$--color-secondary-active;
  //     background: $--color-secondary-disabled-background;
  //   }
  // }
}

// .el-select__multiple {
//  overflow: outset !important;
// }