Смешивайте и сопоставляйте стили горизонтальных и вертикальных форм в antd 5. ⇐ CSS
-
Гость
Смешивайте и сопоставляйте стили горизонтальных и вертикальных форм в antd 5.
У меня есть форма, которую я хочу разместить в вертикальном режиме. В нем есть строка с кучей галочек. Мне кажется, что флажки выглядят плохо по горизонтали, поэтому я бы хотел использовать вертикальный макет только для этой строки.
Я делал это в Antd 4, добавляя переопределяющий класс CSS.
Вот как выглядит фрагмент элементов вертикальной формы:
...//Еще то же самое Переопределяющий CSS, который я использовал в версии 4, выглядит следующим образом:
.ant-form{ .horizontal-override{ .ant-form-item{ гибкое направление: наследовать; этикетка{ дисплей: встроенный гибкий; высота: 32 пикселей; поле справа: 4 пикселя; выровнять-элементы: по центру; } } } } Этот CSS будет имитировать стили формы, если бы она была горизонтальной только для ряда флажков.
Теперь в antd версии 5 стиль кардинально изменился, и я не могу понять, как этого добиться.
У меня есть форма, которую я хочу разместить в вертикальном режиме. В нем есть строка с кучей галочек. Мне кажется, что флажки выглядят плохо по горизонтали, поэтому я бы хотел использовать вертикальный макет только для этой строки.
Я делал это в Antd 4, добавляя переопределяющий класс CSS.
Вот как выглядит фрагмент элементов вертикальной формы:
...//Еще то же самое Переопределяющий CSS, который я использовал в версии 4, выглядит следующим образом:
.ant-form{ .horizontal-override{ .ant-form-item{ гибкое направление: наследовать; этикетка{ дисплей: встроенный гибкий; высота: 32 пикселей; поле справа: 4 пикселя; выровнять-элементы: по центру; } } } } Этот CSS будет имитировать стили формы, если бы она была горизонтальной только для ряда флажков.
Теперь в antd версии 5 стиль кардинально изменился, и я не могу понять, как этого добиться.
Мобильная версия