@import '../var';
@import './ParentSelector';

.param-form,
.param-value-editor,
.param-group-editor,
.param-mover {
  &.param-value-editor {
    .ant-form-item-label {
      width: 150px;
    }
  }

  .ant-form-item-label {
    width: 80px;
    padding: 0 15px 0 0;

    > label {
      height: $input-height;

      &:after {
        content: none !important;
      }
    }
  }

  input.ant-input.ant-input,
  .ant-select-selector.ant-select-selector,
  .ant-cascader.ant-cascader {
    height: $input-height !important;

    input,
    .ant-select-selection-placeholder,
    .ant-select-selection-item {
      height: calc(#{$input-height} - 12px) !important;
      line-height: calc(#{$input-height} - 12px) !important;
    }
  }

  textarea.ant-input.ant-input {
    height: 100px;
    min-height: $input-height;
    padding: 9px 10px;
  }

  .ant-form-item.ant-form-item:not(.ant-form-item-with-help) {
    margin: 0 0 12px;
  }

  .ant-form-item-explain.ant-form-item-explain {
    height: auto;
    min-height: auto;
    margin: 0 0 12px;
    font-size: 12px;
    line-height: 14px;
  }

  .react-file-name {
    display: none !important;
  }

  .ant-row {
    display: flex;
  }

  .param-default-value,
  .param-value-before {
    padding: calc((#{$input-height} - #{$input-readonly-height}) / 2) 0;

    .ant-form-item-label > label {
      height: $input-readonly-height;
    }
  }
}

.param-image-upload.param-image-upload {
  .react-file-input {
    border-color: $border-color;
  }
}