🐛 Fix Button text not align center in Chrome (#20059)

revert solution of 05181d5 close #19972 close #20058
ant-design · Dec 3, 2019 · 43bf796 · 43bf796
1 parent 407dfda
commit 43bf796
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/components/button/style/index.less b/components/button/style/index.less
@@ -12,7 +12,15 @@
 // Button styles
 // -----------------------------
 .@{btn-prefix-cls} {
-  line-height: @line-height-base;
+  // Fixing https://github.com/ant-design/ant-design/issues/12978
+  // Fixing https://github.com/ant-design/ant-design/issues/20058
+  // Fixing https://github.com/ant-design/ant-design/issues/19972
+  // Fixing https://github.com/ant-design/ant-design/issues/12978
+  // Fixing https://github.com/ant-design/ant-design/issues/18107
+  // Fixing https://github.com/ant-design/ant-design/issues/13214
+  // It is a render problem of chrome, which is only happened in the codesandbox demo
+  // 0.001px solution works and I don't why
+  line-height: @line-height-base - 0.001;
   .btn;
   .btn-default;
 
@@ -73,6 +81,10 @@
 
   &-icon-only {
     .btn-square(@btn-prefix-cls);
+
+    > i {
+      vertical-align: middle;
+    }
   }
 
   &-round {