site: update details

components/mention/demo/basic.md

@@ -2,7 +2,7 @@
 order: 0
 title:
   zh-CN: 基本使用
-  en-US: Basis use
+  en-US: Basic
 ---
 
 ## zh-CN

components/mention/demo/controlled.md

@@ -2,7 +2,7 @@
 order: 3
 title:
   zh-CN: 受控模式
-  en-US: Controlled Mode
+  en-US: Controlled
 ---
 
 ## zh-CN
@@ -11,7 +11,7 @@ title:
 
 ## en-US
 
-Controlled mode, for example, work with `Form` .
+Controlled mode, for example, to work with `Form` .
 
 ````jsx
 import { Mention, Form, Button } from 'antd';

components/mention/demo/multilines.md

@@ -1,6 +1,8 @@
 ---
 order: 4
-title: 多行
+title:
+  zh-CN: 多行
+  en-US: Multi-lines Mode
 ---
 
 ## zh-CN

components/menu/demo/sider-current.md

@@ -55,7 +55,7 @@ const Sider = React.createClass({
         onOpenChange={this.onOpenChange}
         onClick={this.handleClick}
       >
-        <SubMenu key="sub1" title={<span><Icon type="mail" /><span>Navigation One一</span></span>}>
+        <SubMenu key="sub1" title={<span><Icon type="mail" /><span>Navigation One</span></span>}>
           <Menu.Item key="1">Option 1</Menu.Item>
           <Menu.Item key="2">Option 2</Menu.Item>
           <Menu.Item key="3">Option 3</Menu.Item>

components/menu/demo/vertical.md

@@ -24,7 +24,7 @@ function handleClick(e) {
 
 ReactDOM.render(
   <Menu onClick={handleClick} style={{ width: 240 }} mode="vertical">
-    <SubMenu key="sub1" title={<span><Icon type="mail" /><span>Navigation One一</span></span>}>
+    <SubMenu key="sub1" title={<span><Icon type="mail" /><span>Navigation One</span></span>}>
       <MenuItemGroup title="Item 1">
         <Menu.Item key="1">Option 1</Menu.Item>
         <Menu.Item key="2">Option 2</Menu.Item>

site/theme/static/responsive.less

@@ -1,12 +1,15 @@
+@media only screen and (min-width: 320px) and (max-width: 1200px) {
+  #search-box {
+    display: none;
+  }
+}
+
 @media only screen and (min-width: 320px) and (max-width: 1024px) {
   .code-boxes-col-2-1, .code-boxes-col-1-1 {
     float: none;
     width: 100%;
     padding: 0!important;
   }
-  #search-box {
-    display: none;
-  }
   .preview-image-boxes {
     margin: 0!important;
     float: none;
@@ -18,7 +21,7 @@
   }
 }
 
-@media only screen and (min-width: 320px) and (max-width: 767px) {
+@media only screen and (min-width: 320px) and (max-width: 940px) {
   #list,
   #search-box {
     display: none;

site/theme/template/Home/index.jsx

@@ -46,6 +46,10 @@ export default class Home extends React.Component {
       .home-nav-white #nav a {
         color: #666;
       }
+      .home-nav-white #lang {
+        color: #666;
+        border-color: #666;
+      }
       .nav-phone-icon:before {
         background: #eee;
         box-shadow: 0 7px 0 0 #eee, 0 14px 0 0 #eee;

site/theme/template/Layout/Header.jsx

@@ -49,7 +49,7 @@ export default class Header extends React.Component {
     document.addEventListener('click', this.onDocumentClick);
     document.addEventListener('touchstart', this.onDocumentClick);
 
-    enquire.register('only screen and (min-width: 320px) and (max-width: 767px)', {
+    enquire.register('only screen and (min-width: 320px) and (max-width: 940px)', {
       match: () => {
         this.setState({ menuMode: 'inline' });
       },