test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-11-30 11:08:45 +08:00
Code Issues Actions 68 Packages Projects Releases Wiki Activity

docs: optimize site of rtl (#23995)

Browse Source
This commit is contained in:
xrkffgg 2020-05-10 22:11:09 +08:00 committed by GitHub
parent d7c7b86f31
commit e26eb5f892
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
12 changed files with 48 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/avatar/demo/basic.md
View File

@ -41,4 +41,8 @@ ReactDOM.render(
margin-top: 16px;
margin-right: 16px;
}
.ant-row-rtl #components-avatar-demo-basic .ant-avatar {
margin-right: 0;
margin-left: 16px;
}
</style>

4
components/avatar/demo/type.md
View File

@ -35,4 +35,8 @@ ReactDOM.render(
margin-top: 16px;
margin-right: 16px;
}
.ant-row-rtl #components-avatar-demo-type .ant-avatar {
margin-right: 0;
margin-left: 16px;
}
</style>

3
components/date-picker/index.en-US.md
View File

@ -162,6 +162,9 @@ Added in `4.1.0`.
.code-box-demo .ant-picker {
margin: 0 8px 12px 0;
}
.ant-row-rtl .code-box-demo .ant-picker {
margin: 0 0 12px 8px;
}
</style>
## FAQ

3
components/date-picker/index.zh-CN.md
View File

@ -164,6 +164,9 @@ import 'moment/locale/zh-cn';
.code-box-demo .ant-picker {
margin: 0 8px 12px 0;
}
.ant-row-rtl .code-box-demo .ant-picker {
margin: 0 0 12px 8px;
}
</style>
## FAQ

5
components/dropdown/demo/placement.md
View File

@ -67,4 +67,9 @@ ReactDOM.render(
margin-right: 8px;
margin-bottom: 8px;
}
.ant-row-rtl #components-dropdown-demo-placement .ant-btn {
margin-right: 0;
margin-bottom: 8px;
margin-left: 8px;
}
```

4
components/icon/demo/basic.md
View File

@ -40,4 +40,8 @@ ReactDOM.render(
margin-right: 6px;
font-size: 24px;
}
.ant-row-rtl .icons-list > .anticon {
margin-right: 0;
margin-left: 6px;
}
</style>

4
components/icon/demo/custom.md
View File

@ -84,4 +84,8 @@ ReactDOM.render(
.custom-icons-list > .anticon {
margin-right: 6px;
}
.ant-row-rtl .custom-icons-list > .anticon {
margin-right: 0;
margin-left: 6px;
}
```

4
components/input-number/demo/size.md
View File

@ -34,4 +34,8 @@ ReactDOM.render(
.code-box-demo .ant-input-number {
margin-right: 10px;
}
.ant-row-rtl .code-box-demo .ant-input-number {
margin-right: 0;
margin-left: 10px;
}
```

4
components/select/demo/size.md
View File

@ -85,6 +85,10 @@ ReactDOM.render(<SelectSizesDemo />, mountNode);
margin: 0 8px 10px 0;
}
.ant-row-rtl .code-box-demo .ant-select {
margin: 0 0 10px 8px;
}
#components-select-demo-search-box .code-box-demo .ant-select {
margin: 0;
}

5
components/time-picker/index.en-US.md
View File

@ -68,7 +68,10 @@ Same props from [RangePicker](/components/date-picker/#RangePicker) of DatePicke
| -------- | ------------------------ | ------- | ------- | ------- |
| order | Order start and end time | boolean | true | 4.1.0 |
<style>.code-box-demo .ant-picker { margin: 0 8px 12px 0; }</style>
<style>
.code-box-demo .ant-picker { margin: 0 8px 12px 0; }
.ant-row-rtl .code-box-demo .ant-picker { margin: 0 0 12px 8px; }
</style>
## FAQ

5
components/time-picker/index.zh-CN.md
View File

@ -68,7 +68,10 @@ import moment from 'moment';
| ----- | -------------------- | ------- | ------ | ----- |
| order | 始末时间是否自动排序 | boolean | true | 4.1.0 |
<style>.code-box-demo .ant-picker { margin: 0 8px 12px 0; }</style>
<style>
.code-box-demo .ant-picker { margin: 0 8px 12px 0; }
.ant-row-rtl .code-box-demo .ant-picker { margin: 0 0 12px 8px; }
</style>
## FAQ

5
site/theme/static/icons.less
View File

@ -1,6 +1,7 @@
ul.anticons-list {
margin: 10px 0;
overflow: hidden;
direction: ltr;
list-style: none;
li {
position: relative;
@ -17,6 +18,10 @@ ul.anticons-list {
border-radius: 4px;
cursor: pointer;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
.rtl & {
margin: 3px 0;
padding: 10px 0 0;
}
.anticon {
margin: 12px 0 8px;
font-size: 36px;