kingdot
Version:
A UI Components Library For Vue
1 lines • 1.32 kB
CSS
.kd-editable{min-width:40px}.kd-editable:hover .edit-icon{display:inline}.kd-editable-txt{display:inline-block;max-width:calc(100% - 30px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;float:left}.kd-editable-icon{float:right}.kd-editable-icon-follow{float:left!important;margin-left:5px}.kd-editable-invalid .kd-input-inner{border:1px solid #f43}.kd-editable-input{width:100%}.kd-editable-hover .edit-icon{display:none}.kd-editable-large{height:36px}.kd-editable-large .kd-editable-icon,.kd-editable-large .kd-editable-txt{height:36px;line-height:36px;font-size:16px}.kd-editable-large .kd-editable-icon .edit-icon{font-size:16px}.kd-editable-default{height:32px}.kd-editable-default .kd-editable-icon,.kd-editable-default .kd-editable-txt{height:32px;line-height:32px;font-size:14px}.kd-editable-default .kd-editable-icon .edit-icon{font-size:14px}.kd-editable-small{height:28px}.kd-editable-small .kd-editable-icon,.kd-editable-small .kd-editable-txt{height:28px;line-height:28px;font-size:12px}.kd-editable-small .kd-editable-icon .edit-icon{font-size:12px}.kd-editable-mini{height:26px}.kd-editable-mini .kd-editable-icon,.kd-editable-mini .kd-editable-txt{height:26px;line-height:26px;font-size:12px}.kd-editable-mini .kd-editable-icon .edit-icon{font-size:12px}