condition-editor/lib/ConditionEditor/ConditionItem/index.less

在线条件编辑器

@prefix-cls: ce;

.@{prefix-cls}-condition-item {
  display: flex;
  align-items: center;
  padding: 12px;
  gap: 10px;

  &-sort-handle {
    cursor: move;
    color: #888 !important;
  }

  &-cond-field {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;

    > * {
      display: inline-block;
    }
    // &-source {
    //   display: inline-block;
    //   width: 100px;
    // }

    // &-name {
    //   display: inline-block;
    //   width: 160px;
    // }

    // &-type {
    //   display: inline-block;
    //   width: 70px;
    // }
  }

  &-cond-operator {
    flex: 0 0 auto;
  }

  &-cond-value {
    flex: 0 0 auto;
  }

  &-cond-actions {
    position: relative;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 10px;
    margin-left: 10px;
  }

  &-action {
    cursor: pointer;

    &-delete {
      color: var(--btn-danger-color);
    }

    &-addition {
      color: var(--btn-primary-color);
    }
  }

  &-action-menu {
    .ant-popover-inner-content {
      padding: 10px 0;
    }

    &-container {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
  }
}