Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

row: 响应式nzGutter属性无法根据窗体大小改变所有 col 的间距 #2908

Closed
cipchk opened this issue Feb 18, 2019 · 0 comments · Fixed by #2915
Closed

row: 响应式nzGutter属性无法根据窗体大小改变所有 col 的间距 #2908

cipchk opened this issue Feb 18, 2019 · 0 comments · Fixed by #2915
Labels
🐛 Bug Component: Grid

Comments

@cipchk
Copy link
Member

cipchk commented Feb 18, 2019

重现

https://stackblitz.com/edit/angular-rjxkrr?file=src/app/app.component.ts

nzGutter 值为响应式时，例如：

<div nz-row [nzGutter]="{ md: 8, lg: 24, xl: 48 }">

窗体默认大小为 sm 时，放大至 lg 后，由于只改变 nz-row 的 margin-left 值，导致部分内容被截断(png)：

image
@vthinkxie vthinkxie mentioned this issue Feb 18, 2019
Merged
3 tasks
vthinkxie added a commit that referenced this issue Feb 18, 2019
@vthinkxie
fix(module:grid): fix grid responsive (#2915)
ab05619 
close #2908
Ricbet pushed a commit to Ricbet/ng-zorro-antd that referenced this issue Apr 9, 2020
@vthinkxie @Ricbet
fix(module:grid): fix grid responsive (NG-ZORRO#2915)
d0bfae9 
close NG-ZORRO#2908
hsuanxyz pushed a commit to hsuanxyz/ng-zorro-antd that referenced this issue Aug 5, 2020
@vthinkxie
fix(module:grid): fix grid responsive (NG-ZORRO#2915)
6c6d48e 
close NG-ZORRO#2908
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
🐛 Bug Component: Grid
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(module:grid): fix grid responsive
2 participants
@vthinkxie @cipchk