From cc2f93a4e1740bc8e5cdea68a2ee795bd5990502 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 15 Apr 2016 16:21:08 +0800
Subject: [PATCH] loading button should not be transparent

---
 components/button/demo/loading.md |  6 +++---
 style/components/button.less      | 21 ++++++++++++++++++++-
 2 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/components/button/demo/loading.md b/components/button/demo/loading.md
index ef070f7f3c..15a012d19b 100644
--- a/components/button/demo/loading.md
+++ b/components/button/demo/loading.md
@@ -24,15 +24,15 @@ const App = React.createClass({
   render() {
     return (
       <div>
-        <Button type="primary" size="large" loading>
-          加载中
-        </Button>
         <Button type="primary" loading>
           加载中
         </Button>
         <Button type="primary" size="small" loading>
           加载中
         </Button>
+        <Button loading>
+          加载中
+        </Button>
         <br />
         <Button type="primary" loading={this.state.loading} onClick={this.enterLoading}>
           点击变加载
diff --git a/style/components/button.less b/style/components/button.less
index 19deca8cee..cbb25645f5 100644
--- a/style/components/button.less
+++ b/style/components/button.less
@@ -46,6 +46,22 @@
     .btn-circle(@btn-prefix-cls);
   }
 
+  &:before {
+    position: absolute;
+    top: -1px;
+    left: -1px;
+    bottom: -1px;
+    right: -1px;
+    background: #fff;
+    opacity: 0.35;
+    content: '';
+    border-radius: inherit;
+    z-index: 1;
+    transition: opacity .2s;
+    pointer-events: none;
+    display: none;
+  }
+
   &:after {
     font-family: anticon;
     content: "\e6a1";
@@ -58,11 +74,14 @@
   &&-loading {
     padding-left: 29px;
     pointer-events: none;
-    opacity: 0.75;
+    position: relative;
     .anticon {
       margin-left: -14px;
       .transition(all .3s @ease-in-out);
     }
+    &:before {
+      display: block;
+    }
   }
 
   &-sm&-loading {