Browse Source
docs: optimize site of spec (#23628)
* docs: optimize site of spec
* fix: lint
pull/23644/head
xrkffgg
5 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
8 changed files with
30 additions and
2 deletions
-
docs/spec/introduce.en-US.md
-
site/theme/static/colors.less
-
site/theme/static/common.less
-
site/theme/static/markdown.less
-
site/theme/static/page-nav.less
-
site/theme/static/preview-img.less
-
site/theme/static/rtl.less
-
site/theme/template/Home/DesignPage/index.tsx
|
|
|
@ -42,7 +42,7 @@ const LinkIcon = () => ( |
|
|
|
const LinksList = () => ( |
|
|
|
<ul> |
|
|
|
<li> |
|
|
|
<a href="/docs/react/introduce" target="_blank">Ant Design of React</a> |
|
|
|
<a href="/docs/react/introduce" target="_blank">Ant Design of React </a> |
|
|
|
(official implementation) |
|
|
|
</li> |
|
|
|
<li> |
|
|
|
|
|
|
|
@ -180,6 +180,10 @@ |
|
|
|
&-hex { |
|
|
|
color: fade(@white, 65); |
|
|
|
} |
|
|
|
.ant-row-rtl & { |
|
|
|
direction: rtl; |
|
|
|
text-align: right; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@ -157,6 +157,11 @@ a { |
|
|
|
margin-left: 5px; |
|
|
|
color: #aaa; |
|
|
|
font-size: 12px; |
|
|
|
.ant-row-rtl & { |
|
|
|
margin-right: 5px; |
|
|
|
margin-left: 0; |
|
|
|
transform: rotate(180deg); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
// reset menu text color |
|
|
|
|
|
|
|
@ -77,6 +77,9 @@ |
|
|
|
.markdown p, |
|
|
|
.markdown pre { |
|
|
|
margin: 1em 0; |
|
|
|
.ant-row-rtl & { |
|
|
|
text-align: right; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.markdown ul > li { |
|
|
|
|
|
|
|
@ -1,4 +1,5 @@ |
|
|
|
.prev-next-nav { |
|
|
|
width: ~'calc(100% - 128px)'; |
|
|
|
margin-right: 64px; |
|
|
|
margin-left: 64px; |
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
@ -12,6 +12,11 @@ |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.ant-row-rtl & { |
|
|
|
float: left; |
|
|
|
margin: 0 64px 70px 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.preview-image-boxes + .preview-image-boxes { |
|
|
|
@ -25,6 +30,11 @@ |
|
|
|
|
|
|
|
.preview-image-box + .preview-image-box { |
|
|
|
margin-left: 24px; |
|
|
|
|
|
|
|
.ant-row-rtl & { |
|
|
|
margin-right: 24px; |
|
|
|
margin-left: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.preview-image-wrapper { |
|
|
|
@ -158,6 +168,10 @@ |
|
|
|
.preview-image-wrapper { |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.ant-row-rtl & { |
|
|
|
float: left; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.motion-video-min { |
|
|
|
|
|
|
|
@ -1,6 +1,7 @@ |
|
|
|
[data-direction='rtl'] { |
|
|
|
#_hj_feedback_container { |
|
|
|
> div { |
|
|
|
right: auto; |
|
|
|
left: 32px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@ -215,7 +215,7 @@ export default function DesignPage() { |
|
|
|
> |
|
|
|
<img |
|
|
|
alt="design guide" |
|
|
|
style={{ maxHeight: 278, maxWidth: '100%' }} |
|
|
|
style={{ maxHeight: 292, maxWidth: '100%' }} |
|
|
|
src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*5PRzTL4pwuYAAAAAAAAAAABkARQnAQ" |
|
|
|
/> |
|
|
|
</Col> |
|
|
|
|
