mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-12-18 11:18:14 +08:00
Code Issues Actions 15 Packages Projects Releases Wiki Activity

Fix List pagination margin, close #8562

Browse Source
This commit is contained in:
afc163 2017-12-16 17:31:41 +08:00
parent f005974c56
commit 9b2ca4b1aa
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components/list/demo/vertical.md
View File

@ -47,6 +47,7 @@ ReactDOM.render(
size="large"
pagination={pagination}
dataSource={listData}
bordered
renderItem={item => (
<List.Item
key={item.title}

12
components/list/style/bordered.less
View File

@ -5,28 +5,36 @@
padding-left: 24px;
padding-right: 24px;
}
.@{list-prefix-cls}-footer {
padding-left: 24px;
padding-right: 24px;
}
.@{list-prefix-cls}-item {
border-bottom: 1px solid @border-color-split;
padding-left: 24px;
padding-right: 24px;
}
.@{list-prefix-cls}-pagination {
margin: 16px 24px;
}
&.@{list-prefix-cls}-sm {
.@{list-prefix-cls}-item {
padding-left: 16px;
padding-right: 16px;
}
.@{list-prefix-cls}-header, .@{list-prefix-cls}-footer {
.@{list-prefix-cls}-header,
.@{list-prefix-cls}-footer {
padding: 8px 16px;
}
}
&.@{list-prefix-cls}-lg {
.@{list-prefix-cls}-header, .@{list-prefix-cls}-footer {
.@{list-prefix-cls}-header,
.@{list-prefix-cls}-footer {
padding: 16px 24px;
}
}