fix Checkbox and Radio text alignment with form label, close #5276

ant-design · Mar 13, 2017 · 696a3c0 · 696a3c0
1 parent 3002ff3
commit 696a3c0
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/components/checkbox/style/mixin.less b/components/checkbox/style/mixin.less
@@ -10,7 +10,7 @@
     display: inline-block;
     line-height: 1;
     position: relative;
-    vertical-align: middle;
+    vertical-align: text-bottom;
 
     .@{checkbox-prefix-cls}-wrapper:hover &,
     &:hover &-inner,
@@ -131,7 +131,6 @@
   .@{checkbox-prefix-cls} + span {
     padding-left: 8px;
     padding-right: 8px;
-    vertical-align: middle;
   }
 
   .@{checkbox-prefix-cls}-group {

diff --git a/components/radio/style/index.less b/components/radio/style/index.less
@@ -27,7 +27,7 @@
   display: inline-block;
   position: relative;
   line-height: 1;
-  vertical-align: middle;
+  vertical-align: text-bottom;
   cursor: pointer;
   .@{radio-prefix-cls}-wrapper:hover &,
   &:hover,
@@ -110,7 +110,6 @@
 span.@{radio-prefix-cls} + * {
   padding-left: 8px;
   padding-right: 8px;
-  vertical-align: middle;
 }
 
 .@{radio-prefix-cls}-button-wrapper {