site: improve responsive layout

components/input/demo/basic.md

@@ -11,7 +11,7 @@ title:
 
 ## en-US
 
-Basic usage example
+Basic usage example.
 
 ````jsx
 import { Input } from 'antd';

site/theme/static/header.less

@@ -54,7 +54,7 @@
 #search-box .ant-select {
   font-size: 14px;
   margin-top: -3px;
-  width: 230px;
+  width: 200px;
 }
 
 #search-box .ant-select-selection {

site/theme/static/responsive.less

@@ -9,13 +9,22 @@
   cursor: pointer;
 }
 
-@media only screen and (min-width: 0px) and (max-width: 1280px) {
-  #search-box {
+@media only screen and (min-width: 0) and (max-width: 1280px) {
+  .en-us #search-box {
     display: none;
   }
 }
 
-@media only screen and (min-width: 0px) and (max-width: 992px) {
+@media only screen and (min-width: 0) and (max-width: 1080px) {
+  .zh-cn #search-box {
+    display: none;
+  }
+}
+
+@media only screen and (min-width: 0) and (max-width: 992px) {
+  #search-box {
+    display: none;
+  }
   .code-boxes-col-2-1, .code-boxes-col-1-1 {
     float: none;
     width: 100%;

site/theme/static/template.html

@@ -74,6 +74,7 @@
     if (!window.Promise) {
       document.writeln('<script src="https://as.alipayobjects.com/g/component/es6-promise/3.2.2/es6-promise.min.js"' + '>' + '<' + '/' + 'script>');
     }
+    document.documentElement.className += /-cn\/?$/.test(location.pathname) ? 'zh-cn' : 'en-us';
     </script>
     <script>
     // Enable Google Analytics