diff --git a/site/common/styles/markdown.less b/site/common/styles/markdown.less index 83a2b1ce3f..537fc2b954 100644 --- a/site/common/styles/markdown.less +++ b/site/common/styles/markdown.less @@ -159,6 +159,7 @@ .markdown .waiting { color: #ccc; + cursor: not-allowed; } .markdown h1:hover .anchor, diff --git a/site/common/styles/responsive.less b/site/common/styles/responsive.less index 6734050576..a62ffd6e91 100644 --- a/site/common/styles/responsive.less +++ b/site/common/styles/responsive.less @@ -25,7 +25,7 @@ } a#logo { - width: 144px; + width: 150px; margin-left: auto; margin-right: auto; float: none; @@ -64,8 +64,18 @@ animation: moveLeftOut .2s ease-in forwards; } - ul#nav, ul#nav li { + ul#nav, + ul#nav li { width: 100%; + font-size: 14px; + } + + ul#nav li { + line-height: 60px; + height: 60px; + a { + color: #333; + } } .toc { diff --git a/site/common/styles/toc.less b/site/common/styles/toc.less index 1cbdd9fa80..38a780948e 100644 --- a/site/common/styles/toc.less +++ b/site/common/styles/toc.less @@ -42,7 +42,7 @@ .toc-affix { position: absolute; top: 8px; - right: 30px; + right: 20px; } .demos-anchor { diff --git a/site/component/Article/index.jsx b/site/component/Article/index.jsx index 9ba0ebb294..5dd1e9a59f 100644 --- a/site/component/Article/index.jsx +++ b/site/component/Article/index.jsx @@ -11,8 +11,18 @@ export default class Article extends React.Component { componentDidUpdate() { const { chinese, english } = this.props.content.meta; utils.setTitle(`${chinese || english} - Ant Design`); + const links = Array.apply(null, document.querySelectorAll('.outside-link.internal')); + if (links.length === 0) { + return; + } + const checkImgUrl = 'http://alipay-rmsdeploy-dev-image.oss-cn-hangzhou-zmf.aliyuncs.com/rmsportal/JdVaTbZzPxEldUi.png'; + utils.ping(checkImgUrl, status => { + if (status === 'responded') { + links.forEach(link => (link.style.display = 'block')); + } + }); } - getTimelineFromArticle(article) { + getArticle(article) { const { content } = this.props; const { meta } = content; if (!meta.timeline) { @@ -69,7 +79,7 @@ export default class Article extends React.Component { null } { - this.getTimelineFromArticle(utils.jsonmlToComponent( + this.getArticle(utils.jsonmlToComponent( location.pathname, ['section', { className: 'markdown' }].concat(description) )) diff --git a/site/component/Footer/index.jsx b/site/component/Footer/index.jsx index 0ae0341b2b..7a8eb4061a 100644 --- a/site/component/Footer/index.jsx +++ b/site/component/Footer/index.jsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Select } from 'antd'; +import { Select, Modal } from 'antd'; import { version as antdVersion } from '../../../package.json'; import { docVersions } from '../../website.config'; const Option = Select.Option; @@ -7,13 +7,36 @@ const Option = Select.Option; docVersions[antdVersion] = antdVersion; export default class Footer extends React.Component { - constructor(props) { - super(props); - - this.handleVersionChange = this.handleVersionChange.bind(this); + componentDidMount() { + // 大版本发布后全局弹窗提示 + // 1. 点击『知道了』之后不再提示 + // 2. 超过截止日期后不再提示 + if (localStorage.getItem('infoNewVersionSent') !== 'true' || + new Date().getTime() > new Date('2016/05/22').getTime()) { + this.infoNewVersion(); + } } - handleVersionChange(url) { + infoNewVersion() { + Modal.info({ + title: '尊敬的用户,antd@1.0 已正式发布。', + content: ( +
+ 1.0 版本有 大量改进 + ,欢迎升级。 +
++ 如果您还需要使用旧版,请查阅 012x.ant.design + ,也可通过页面右下角的文档版本选择框进行切换。 +
+