fix(Form): label width not correct when screen less than xs (#21222)

* fix(Form): label width not correct when screen less than xs * fix form item control width * fix css selector priority
5 years ago · e01755cfed
1 changed files with 7 additions and 0 deletions
--- a/components/form/style/vertical.less
+++ b/components/form/style/vertical.less
@ -24,6 +24,13 @@
  .@{form-prefix-cls}-item .@{form-prefix-cls}-item-label {
    .make-vertical-layout-label();
  }
+  .@{form-prefix-cls}-item {
+    .@{form-prefix-cls}-item-label,
+    .@{form-prefix-cls}-item-control {
+      flex: 0 0 100%;
+      max-width: 100%;
+    }
+  }
 }

 .@{form-prefix-cls}-vertical {