From 99dca86904ceba8ecaf82610789ae4b5c734efbf Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Thu, 17 May 2018 21:23:36 +0800
Subject: [PATCH] update button disable demo

---
 .../__tests__/__snapshots__/demo.test.js.snap | 39 ++++++++++---------
 components/button/demo/disabled.md            |  7 ++--
 2 files changed, 25 insertions(+), 21 deletions(-)

diff --git a/components/button/__tests__/__snapshots__/demo.test.js.snap b/components/button/__tests__/__snapshots__/demo.test.js.snap
index a1081623ce..6828078971 100644
--- a/components/button/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/button/__tests__/__snapshots__/demo.test.js.snap
@@ -211,24 +211,6 @@ exports[`renders ./components/button/demo/disabled.md correctly 1`] = `
     </span>
   </button>
   <br />
-  <button
-    class="ant-btn ant-btn-background-ghost"
-    type="button"
-  >
-    <span>
-      Ghost
-    </span>
-  </button>
-  <button
-    class="ant-btn ant-btn-background-ghost"
-    disabled=""
-    type="button"
-  >
-    <span>
-      Ghost(disabled)
-    </span>
-  </button>
-  <br />
   <button
     class="ant-btn ant-btn-dashed"
     type="button"
@@ -246,6 +228,27 @@ exports[`renders ./components/button/demo/disabled.md correctly 1`] = `
       Dashed(disabled)
     </span>
   </button>
+  <div
+    style="padding:8px 8px 0 8px;background:rgb(190, 200, 200)"
+  >
+    <button
+      class="ant-btn ant-btn-background-ghost"
+      type="button"
+    >
+      <span>
+        Ghost
+      </span>
+    </button>
+    <button
+      class="ant-btn ant-btn-background-ghost"
+      disabled=""
+      type="button"
+    >
+      <span>
+        Ghost(disabled)
+      </span>
+    </button>
+  </div>
 </div>
 `;
 
diff --git a/components/button/demo/disabled.md b/components/button/demo/disabled.md
index 114d1b8a76..fd10e8b575 100644
--- a/components/button/demo/disabled.md
+++ b/components/button/demo/disabled.md
@@ -24,11 +24,12 @@ ReactDOM.render(
     <Button>Default</Button>
     <Button disabled>Default(disabled)</Button>
     <br />
-    <Button ghost>Ghost</Button>
-    <Button ghost disabled>Ghost(disabled)</Button>
-    <br />
     <Button type="dashed">Dashed</Button>
     <Button type="dashed" disabled>Dashed(disabled)</Button>
+    <div style={{ padding: '8px 8px 0 8px', background: 'rgb(190, 200, 200)' }}>
+      <Button ghost>Ghost</Button>
+      <Button ghost disabled>Ghost(disabled)</Button>
+    </div>
   </div>,
   mountNode
 );