123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- @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);
- }
|