kingdot
Version:
A UI Components Library For Vue
1 lines • 1.69 kB
CSS
.kd-transfer{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;color:#4c4c4c}.kd-transfer-panel{width:198px;display:inline-block;border:1px solid #ccc;border-radius:4px;overflow:hidden}.kd-transfer-panel-row{position:relative;background:#f3f6fb;height:39px;line-height:39px;padding:0 15px;cursor:pointer}.kd-transfer-panel-count{font-size:12px;position:absolute;right:15px}.kd-transfer-filter{margin:10px 15px}.kd-transfer-search{width:100%}.kd-transfer-content-wrap{height:290px;overflow:auto}.kd-transfer-content-virtual{height:100%;overflow-y:auto}.kd-transfer-content-item{height:32px;line-height:32px;padding:0 15px;cursor:pointer;font-size:12px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.kd-transfer-content-item:hover{color:#557dfc}.kd-transfer-content-temp{-ms-flex-positive:1;flex-grow:1;min-width:0}.kd-transfer-content-label{width:100%;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kd-transfer-active{color:#557dfc}.kd-transfer-btn-wrap{display:inline-block;padding:0 30px}.kd-transfer-btn-wrap .kd-btn+.kd-btn{margin-left:10px}.kd-transfer-btn-vertical .kd-btn{display:block}.kd-transfer-btn-vertical .kd-btn+.kd-btn{margin:10px 0 0}.kd-transfer-label-disabled{cursor:not-allowed;color:#ccc}.kd-transfer-panel-footer{padding:4px 15px;border-top:1px solid #ccc;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.kd-transfer-panel-footer .kd-btn+.kd-btn{margin-left:15px}.kd-transfer-content-nonedata{text-align:center;color:#737373}