ng-zorro-antd/input/style/patch.less

An enterprise-class UI components based on Ant Design and Angular

@import './input-otp';

textarea.nz-textarea-autosize-measuring {
  height: auto !important;
  // Having 2px top and bottom padding seems to fix a bug where Chrome gets an incorrect
  // measurement. We just have to account for it later and subtract it off the final result.
  padding: 2px 0 !important;
  overflow: hidden !important;
}

.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-suffix {
  margin-inline-start: 0;
}

nz-form-item-feedback-icon.@{ant-prefix}-input {
  &-suffix {
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    z-index: 1;
    display: flex;
    flex: none;
    align-items: center;
    height: 100%;
    margin-inline-start: @input-affix-margin;
    margin-inline-end: @padding-sm;
    pointer-events: none;
  }
}

.@{ant-prefix}-input {
  &-status-error,
  &-status-warning,
  &-status-validating,
  &-status-success {
    &.@{ant-prefix}-input-has-feedback {
      padding-inline-end: @padding-lg + @padding-xss;
    }
  }
}

.@{ant-prefix}-input-textarea-show-count {
  position: relative;
  display: block;
}

.input() {
  &-stepperless[type='number'] {
    /* stylelint-disable-next-line property-no-vendor-prefix */
    -moz-appearance: textfield;

    &::-webkit-inner-spin-button,
    ::-webkit-outer-spin-button {
      margin: 0;
      /* stylelint-disable-next-line property-no-vendor-prefix */
      -webkit-appearance: none;
    }
  }
}

.@{ant-prefix}-otp-input {
  width: auto;
}