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

Toast控件弹出的提示框 未以自身中心点 纵向居中 #1389

Closed
Linkinzoo opened this issue May 26, 2017 · 5 comments · Fixed by #1541
Closed

Toast控件弹出的提示框 未以自身中心点 纵向居中 #1389

Linkinzoo opened this issue May 26, 2017 · 5 comments · Fixed by #1541
Assignees
@paranoidjk
Labels
bug

Comments

@Linkinzoo
Copy link

What problem does this feature solve?

Toast控件弹出的提示框 纵向位置不居中，用户不能调整其位置。

What does the proposed API look like?

提供x,y参数来自行控制提示框的位置。
@ant-design-bot
Copy link

It will be better to write your issue/comment in English, so more people can understand you.
And this means that more people can help you or benefit from your issue/comment.
See: ant-design/ant-design#4897

@paranoidjk
Copy link
Contributor

目前是 flex 实现的水平垂直居中。

能否提供可复现的 demo ？

@ant-design-bot
Copy link

Hello @Linkinzoo. Please provide a re-producible demo: http://codepen.io/paranoidjk/pen/LWpaKe

@Linkinzoo
Copy link
Author

Demo from codepen: https://codepen.io/LinkinZoo/pen/EmJmeL
附图： http://chuantu.biz/t5/95/1495871971x2890174351.png
现象：现在是以弹窗顶部的像素点为基准，水平垂直居中的；
期待：让弹窗以其整体的中心点为基准，水平垂直居中；或提供API让用户自行调整。

@paranoidjk paranoidjk added bug and removed Need Demo labels May 30, 2017
@paranoidjk paranoidjk changed the title Toast控件弹出的提示框 纵向位置不居中 Toast控件弹出的提示框 未以自身中心点 纵向居中 May 30, 2017
paranoidjk referenced this issue in react-component/notification May 30, 2017
@paranoidjk
fix: remove animation wrapper span
f35292c
@paranoidjk paranoidjk self-assigned this May 30, 2017
@paranoidjk
Copy link
Contributor

react-component/notification@9fe383d

@paranoidjk paranoidjk mentioned this issue Jul 7, 2017
Closed
afc163 added a commit that referenced this issue Jul 7, 2017
@afc163
Fix toast position bug
78efcb8 
close #1389

ralevent issues:

- ant-design/ant-design#5869 (comment)
- react-component/notification#17
@afc163 afc163 mentioned this issue Jul 7, 2017
Merged
paranoidjk pushed a commit that referenced this issue Jul 8, 2017
@afc163 @paranoidjk
Fix toast position bug (#1541)
1517947 
close #1389

ralevent issues:

- ant-design/ant-design#5869 (comment)
- react-component/notification#17
cncolder pushed a commit to cncolder/ant-design-mobile that referenced this issue Jul 12, 2017
@afc163 @cncolder
Fix toast position bug (ant-design#1541)
6b65e58 
close ant-design#1389

ralevent issues:

- ant-design/ant-design#5869 (comment)
- react-component/notification#17
cncolder pushed a commit to cncolder/ant-design-mobile that referenced this issue Jul 12, 2017
@afc163 @cncolder
Fix toast position bug (ant-design#1541)
b1ca002 
close ant-design#1389

ralevent issues:

- ant-design/ant-design#5869 (comment)
- react-component/notification#17
lixiaoyang1992 pushed a commit to lixiaoyang1992/ant-design-mobile that referenced this issue Apr 26, 2018
@paranoidjk @lixiaoyang1992
fix(toast): refactor to position center. close ant-design#1389
23c2eb7
lixiaoyang1992 pushed a commit to lixiaoyang1992/ant-design-mobile that referenced this issue Apr 26, 2018
@afc163 @lixiaoyang1992
Fix toast position bug (ant-design#1541)
b8cd7e3 
close ant-design#1389

ralevent issues:

- ant-design/ant-design#5869 (comment)
- react-component/notification#17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@paranoidjk paranoidjk

Labels
bug
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Fix toast position bug ant-design/ant-design-mobile
3 participants
@paranoidjk @Linkinzoo @ant-design-bot