📝 Fix site responsive interaction, close ant-design#13954

ranbena · Dec 27, 2018 · 5900b6a · 5900b6a
1 parent 90091fe
commit 5900b6a
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 12 deletions.
diff --git a/site/theme/static/responsive.less b/site/theme/static/responsive.less
@@ -28,6 +28,18 @@
   }
 }
 
+@media only screen and (max-width: 991.99px) {
+  .main-menu {
+    > div > .ant-affix {
+      position: static !important;
+    }
+    .main-menu-inner {
+      overflow: hidden;
+      max-height: none;
+    }
+  }
+}
+
 @media only screen and (max-width: 767.99px) {
   #header {
     text-align: center;

diff --git a/site/theme/template/Content/MainContent.jsx b/site/theme/template/Content/MainContent.jsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Link } from 'bisheng/router';
 import { Row, Col, Menu, Icon, Affix } from 'antd';
@@ -55,7 +55,7 @@ const getSideBarOpenKeys = nextProps => {
   return shouldOpenKeys;
 };
 
-export default class MainContent extends React.PureComponent {
+export default class MainContent extends Component {
   static contextTypes = {
     intl: PropTypes.object.isRequired,
     isMobile: PropTypes.bool.isRequired,

diff --git a/site/theme/template/Layout/index.jsx b/site/theme/template/Layout/index.jsx
@@ -95,16 +95,14 @@ export default class Layout extends React.Component {
     const { appLocale } = this.state;
 
     return (
-      <React.StrictMode>
-        <IntlProvider locale={appLocale.locale} messages={appLocale.messages}>
-          <LocaleProvider locale={appLocale.locale === 'zh-CN' ? zhCN : null}>
-            <div className="page-wrapper">
-              <Header {...restProps} />
-              {children}
-            </div>
-          </LocaleProvider>
-        </IntlProvider>
-      </React.StrictMode>
+      <IntlProvider locale={appLocale.locale} messages={appLocale.messages}>
+        <LocaleProvider locale={appLocale.locale === 'zh-CN' ? zhCN : null}>
+          <div className="page-wrapper">
+            <Header {...restProps} />
+            {children}
+          </div>
+        </LocaleProvider>
+      </IntlProvider>
     );
   }
 }