123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- @import "../variate.less";
- .cip-tree{
- font-weight: 400;
- width:256px;
- --@{elNamespace}-tree-text-color:#333333;
- &__filter{
- margin-bottom:12px;
- }
- .@{elNamespace}-input{
- .@{elNamespace}-icon{
- font-size:var(~'--@{elNamespace}-font-size-extra-small')
- }
- }
- .@{elNamespace}-tree-node__content{
- height:28px;
- &:hover {
- background-color: #f4f7fa;
- }
- }
- .is-checked{
- .@{elNamespace}-tree-node__content{
- background-color: var(~'--@{elNamespace}-color-primary-light-9');
- }
- .custom-tree-node{
- .operation{
- display: inline-block !important;
- }
- .custom-tree-node__text{
- color:var(~'--@{elNamespace}-color-primary')
- }
- }
- }
- .custom-tree-node{
- .operation{
- background: inherit !important;
- .@{elNamespace}-button--primary.is-link{
- --@{elNamespace}-button-text-color: #9c9c9c;
- }
- }
- }
- }
- .@{elNamespace}-tree{
- .@{elNamespace}-tree-node__expand-icon>{
- padding: 8px 4px;
- }
- }
- .@{elNamespace}-tree--highlight-current
- .@{elNamespace}-tree-node.is-current
- > .@{elNamespace}-tree-node__content {
- color:var(~'--@{elNamespace}-color-primary');
- background-color: var(~'--@{elNamespace}-color-primary-light-9');
- }
- // 树形控件视觉规范中treeselect 使用的是12px
- .@{elNamespace}-select-dropdown .@{elNamespace}-tree{
- --@{elNamespace}-font-size-base: var(~'--@{elNamespace}-font-size-extra-small');
- }
|