ng-zorro-antd/form/style/horizontal.less

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

/* stylelint-disable */
@import (reference) '../../style/themes/index';
/* stylelint-enable */

@form-prefix-cls: ~'@{ant-prefix}-form';
@form-item-prefix-cls: ~'@{form-prefix-cls}-item';

.@{form-prefix-cls}-horizontal .@{form-item-prefix-cls}:not(.@{form-item-prefix-cls}-vertical),
.@{form-item-prefix-cls}-horizontal {
  .@{form-item-prefix-cls}-label {
    flex-grow: 0;
  }

  .@{form-item-prefix-cls}-control {
    flex: 1 1 0;
    // https://github.com/ant-design/ant-design/issues/32777
    // https://github.com/ant-design/ant-design/issues/33773
    min-width: 0;
  }

  // https://github.com/ant-design/ant-design/issues/32980
  // https://github.com/ant-design/ant-design/issues/34903
  .@{form-item-prefix-cls}-label[class$='-24'] + .@{form-item-prefix-cls}-control,
  .@{form-item-prefix-cls}-label[class*='-24 '] + .@{form-item-prefix-cls}-control {
    min-width: unset;
  }

  .@{ant-prefix}-col-24.@{form-item-prefix-cls}-label,
  .@{ant-prefix}-col-xl-24.@{form-item-prefix-cls}-label {
    .make-vertical-layout-label();
  }
}