From c222d67562996515ad63d77b4d0f99433c9c362a Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 13 Oct 2017 18:26:55 +0800
Subject: [PATCH] update components

---
 src/components/FooterToolbar/demo/basic.md |  9 +++-
 src/components/GlobalFooter/demo/basic.md  |  4 +-
 src/components/HeaderSearch/index.js       |  5 ++-
 src/components/HeaderSearch/index.less     | 48 ++++++++++++----------
 4 files changed, 42 insertions(+), 24 deletions(-)

diff --git a/src/components/FooterToolbar/demo/basic.md b/src/components/FooterToolbar/demo/basic.md
index 629fbee1..f1558cc1 100644
--- a/src/components/FooterToolbar/demo/basic.md
+++ b/src/components/FooterToolbar/demo/basic.md
@@ -11,7 +11,14 @@ import FooterToolbar from 'ant-design-pro/lib/FooterToolbar';
 import { Button } from 'antd';
 
 ReactDOM.render(
-  <div style={{ background: '#f7f7f7' }}>
+  <div style={{ background: '#f7f7f7', padding: 24 }}>
+    <p>页面内容 页面内容 页面内容 页面内容</p>
+    <p>页面内容 页面内容 页面内容 页面内容</p>
+    <p>页面内容 页面内容 页面内容 页面内容</p>
+    <p>页面内容 页面内容 页面内容 页面内容</p>
+    <p>页面内容 页面内容 页面内容 页面内容</p>
+    <p>页面内容 页面内容 页面内容 页面内容</p>
+    <p>页面内容 页面内容 页面内容 页面内容</p>
     <p>页面内容 页面内容 页面内容 页面内容</p>
     <p>页面内容 页面内容 页面内容 页面内容</p>
     <p>页面内容 页面内容 页面内容 页面内容</p>
diff --git a/src/components/GlobalFooter/demo/basic.md b/src/components/GlobalFooter/demo/basic.md
index 3b239fb4..c88a056c 100644
--- a/src/components/GlobalFooter/demo/basic.md
+++ b/src/components/GlobalFooter/demo/basic.md
@@ -25,6 +25,8 @@ const links = [{
 const copyright = <div>Copyright <Icon type="copyright" /> 2017 蚂蚁金服体验技术部出品</div>;
 
 ReactDOM.render(
-  <GlobalFooter links={links} copyright={copyright} />
+  <div style={{ background: '#f5f5f5', overflow: 'hidden' }}>
+    <GlobalFooter links={links} copyright={copyright} />
+  </div>
 , mountNode);
 ````
diff --git a/src/components/HeaderSearch/index.js b/src/components/HeaderSearch/index.js
index e96986ee..5d58b110 100644
--- a/src/components/HeaderSearch/index.js
+++ b/src/components/HeaderSearch/index.js
@@ -60,7 +60,10 @@ export default class HeaderSearch extends PureComponent {
       [styles.show]: this.state.searchMode,
     });
     return (
-      <span className={className} onClick={this.enterSearchMode}>
+      <span
+        className={classNames(className, styles.headerSearch)}
+        onClick={this.enterSearchMode}
+      >
         <Icon type="search" />
         <AutoComplete
           className={inputClass}
diff --git a/src/components/HeaderSearch/index.less b/src/components/HeaderSearch/index.less
index b13ec995..37433088 100644
--- a/src/components/HeaderSearch/index.less
+++ b/src/components/HeaderSearch/index.less
@@ -1,26 +1,32 @@
 @import "~antd/lib/style/themes/default.less";
 
-.input {
-  transition: width .3s, margin-left .3s;
-  width: 0;
-  background: transparent;
-  border-radius: 0;
-  :global(.ant-select-selection) {
-    background: transparent;
-  }
-  input {
-    border: 0;
-    padding-left: 0;
-    padding-right: 0;
-    box-shadow: none !important;
+.headerSearch {
+  :global(.anticon-search) {
+    cursor: pointer;
+    font-size: 16px;
   }
-  &,
-  &:hover,
-  &:focus {
-    border-bottom: 1px solid @border-color-base;
-  }
-  &.show {
-    width: 210px;
-    margin-left: 8px;
+  .input {
+    transition: width .3s, margin-left .3s;
+    width: 0;
+    background: transparent;
+    border-radius: 0;
+    :global(.ant-select-selection) {
+      background: transparent;
+    }
+    input {
+      border: 0;
+      padding-left: 0;
+      padding-right: 0;
+      box-shadow: none !important;
+    }
+    &,
+    &:hover,
+    &:focus {
+      border-bottom: 1px solid @border-color-base;
+    }
+    &.show {
+      width: 210px;
+      margin-left: 8px;
+    }
   }
 }
-- 
GitLab