cip-components/styles/cci-stardand/tree.less

@import "../variate.less";
.cip-tree{
  font-weight: 400;
  width:256px;
  --el-tree-text-color:#333333;
  &__filter{
    margin-bottom:12px;
  }
  .el-input{
    .el-icon{
      font-size:var(--el-font-size-extra-small)
    }
  }
  .el-tree-node__content{
    height:28px;
    &:hover {
      background-color: #f4f7fa;
    }
  }
  .is-checked{
    .el-tree-node__content{
      background-color: var(--el-color-primary-light-9);  
    }
    .custom-tree-node{
      .operation{
        display: inline-block !important;
      }
      .custom-tree-node__text{
        color:var(--el-color-primary)
      }
    }
  }
  .custom-tree-node{
    .operation{
      background: inherit !important;
      .@{elNamespace}-button--primary.is-link{
        --el-button-text-color: #9c9c9c;
      }
    }
  }
}
.@{elNamespace}-tree{
  .@{elNamespace}-tree-node__expand-icon>{
    padding: 8px 4px;
  }
}

.el-tree--highlight-current
  .el-tree-node.is-current
  > .el-tree-node__content {
    color:var(--el-color-primary);
    background-color: var(--el-color-primary-light-9);  
}
// 树形控件视觉规范中treeselect 使用的是12px
.@{elNamespace}-select-dropdown .@{elNamespace}-tree{
  --el-font-size-base: var(--el-font-size-extra-small);
}