yanzhen-design-vue
Version:
1 lines • 3.62 kB
CSS
.yz-contacts{position:relative;--yz-contacts-padding:16px;--yz-contacts-divider:var(--yz-border-width) var(--yz-border-style) var(--yz-border-color);--yz-contacts-height:min(550px,80vh);flex-wrap:nowrap}.yz-contacts>.ant-col{display:flex;flex-direction:column;height:var(--yz-contacts-height);overflow:hidden;position:relative}.yz-contacts__right-item{cursor:pointer}.yz-contacts__list-header{padding:var(--yz-contacts-padding) var(--yz-contacts-padding) 0}.yz-contacts__list-header .ant-tabs-nav{margin-bottom:8px}.yz-contacts__list-main{flex:1;overflow:hidden}.yz-contacts__right{border-left:var(--yz-contacts-divider)}.yz-contacts__delete-icon{cursor:pointer}.yz-contacts-item{box-sizing:border-box;display:flex;justify-items:center;overflow:hidden;padding:10px 16px;width:100%}.yz-contacts-item__avatar{margin-right:8px}.yz-contacts-item__content{flex:1;line-height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yz-contacts-item__label{color:var(--yz-color-black);font-weight:var(--yz-font-weight-bold)}.yz-contacts-item__tags{color:var(--yz-color-info);margin-left:8px}.yz-contacts-item__suffix{align-items:center;color:var(--yz-color-info);display:flex;justify-content:flex-end;width:25px}.yz-contacts-list .is-list-header{padding-bottom:8px;padding-left:var(--yz-contacts-padding);padding-right:var(--yz-contacts-padding)}.yz-contacts-list.is-tree-list .ant-tree-checkbox+span:hover,.yz-contacts-list.is-tree-list .ant-tree-node-content-wrapper:hover{background-color:rgba(0,0,0,.04)}.yz-contacts-list .is-tree-list .ant-tree-treenode{padding-left:var(--yz-contacts-padding);padding-right:var(--yz-contacts-padding)}.yz-contacts-list .is-tree-list .ant-tree-treenode:not(.is-card) .ant-tree-node-content-wrapper{overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.yz-contacts-list .is-tree-list .ant-tree-treenode>.ant-tree-checkbox{display:none}.yz-contacts-list .is-tree-list .ant-tree-title .is-tree-selected-icon{color:var(--yz-color-info);position:absolute;right:4px;top:50%;transform:translateY(-50%)}.yz-contacts-list .is-item-hover{cursor:pointer}.yz-contacts-list .is-item-hover:hover{background-color:rgba(0,0,0,.04)}.yz-contacts-list .is-item-hover.is-disabled{cursor:not-allowed}.yz-contacts-group{height:100%;overflow:hidden;padding-top:var(--yz-contacts-padding);width:100%}.yz-contacts-group__collapse{background:transparent;width:100%}.yz-contacts-group__collapse .ant-collapse-item{border:none}.yz-contacts-group__main{overflow:hidden auto;position:relative}.yz-contacts-group__main-loading{pointer-events:none;top:50px;z-index:10}.yz-contacts-group__main-empty,.yz-contacts-group__main-loading{font-size:14px;left:0;padding-left:var(--yz-contacts-padding);padding-right:var(--yz-contacts-padding);position:absolute;right:0;text-align:center}.yz-contacts-group__main-empty{color:#8c8c8c;top:100px;z-index:9}.yz-contacts-group__selected-title{box-sizing:border-box;font-size:var(--yz-font-size-base);font-weight:var(--yz-font-weight-semi-bold);line-height:30px;padding-left:var(--yz-contacts-padding);padding-right:var(--yz-contacts-padding);width:100%}.yz-contacts-group .ant-collapse>.ant-collapse-item>.ant-collapse-content,.yz-contacts-group .ant-collapse>.ant-collapse-item>.ant-collapse-header{padding:0 var(--yz-contacts-padding)}.yz-contacts-group .ant-collapse>.ant-collapse-item .ant-collapse-content-box{padding:0}.yz-contacts-group .is-item-hover{cursor:pointer}.yz-contacts-group .is-item-hover:hover{background-color:rgba(0,0,0,.04)}.yz-contacts-group .is-item-hover.is-disabled{cursor:not-allowed}.yz-contacts-group__delete{cursor:pointer}