bixi/packages/label/src/style/editable-table.less

企业级中后台前端解决方案

.bixi-editable-table {

  .ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .edit-btn {
    opacity: 0;
  }
  .editable-cell {
    min-height: 32px;
    padding: 5px 12px;
    cursor: pointer;
  }

  .normal-cell,
  .editable-cell {
    display: flex;
    .ellipsis {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
  }

  .editable-row:hover {
    .editable-cell {
      padding: 4px 11px;
      border: 1px solid #D8DFE6;
      border-radius: 4px;
    }
    .edit-btn {
      opacity: 1;
    }
  }

  .input-btn {
    cursor: pointer;
  }
  .editable-active {
    display: flex;
    align-items: center;
    .clear {
      color: rgba(0, 0, 0, 0.25);
    }
  }
  .editable-error {
    border: 1px solid #EE5144;
  }

  .table-actions {
    .opt-btn {
      display: inline-block;
      height: 22px;
      border-radius: 2px;

      &:hover {
        background: #e8e8e8;
      }
    }
    .close {
      color: #EE5144;
    }
    .check {
      color: #21BC29;
    }
    .anticon {
      padding: 0 4px;
    }
  }
  
  .cdk-drag-placeholder {
    opacity: 0;
  }
}

.cdk-drag-preview {
  display: table;
  color: rgba(0, 0, 0, 0.65);
}