@import "mixins/mixins";
@import "common/var";

@include b(query-criteria-form) {
  @include e(row) {
    & + .el-query-criteria-form__row {
      margin-top: 5px;
    }

    .el-select {
      width: 100%;
    }

    .row__control {
      height: 32px;
      line-height: 32px;
      position: relative;

      .control__button {
        display: inline-block;
        width: 18px;
        height: 18px;
        border: 1px solid $--color-primary;
        border-radius: 4px;
        position: absolute;
        top: 6px;

        &:hover {
          cursor: pointer;
        }

        .control__icon {
          position: absolute;
          top: 3px;
          left: 3px;
          color: $--color-primary;
          font-size: 12px;
        }

        & + .control__button {
          left: 36px;
        }
      }
    }
  }

  .el-query-criteria-form-value {
    margin-top: -1px;
    
    .criteria-value-in-input {
      .el-input__suffix {
        display: none;
      }
    }
    &.is-compact {
      height: 32px;
      line-height: 32px;
      .separator {
        display: inline-block;
        vertical-align: top;
        font-size: 18px;
        padding: 0 5px;
      }
      .el-form {
        width: 46%;
        display: inline-block;
      }
    }
    .form {
      .el-form-item {
        margin-bottom: 0;
        .el-form-item__label {
          display: none;
        }
      }
    }
  }
  .criteria-value-in-input-popper {
    display: none;
  }
}