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.

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

Popconfirm - The icon is not aligned to horizon when placement= bottomLeft/bottom/bottomRight #12080

Closed
xusiyuan841028 opened this Issue Sep 5, 2018 · 2 comments

Comments

Projects
None yet
3 participants
@xusiyuan841028

xusiyuan841028 commented Sep 5, 2018

  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.9.1

Environment

OSX/Chrome

Reproduction link

https://ant.design/components/popconfirm-cn/

Steps to reproduce

<div style={{ marginLeft: 70, clear: 'both', whiteSpace: 'nowrap' }}>
      <Popconfirm placement="bottomLeft" title={text} onConfirm={confirm} okText="Yes" cancelText="No">
        <Button>BL</Button>
      </Popconfirm>
      <Popconfirm placement="bottom" title={text} onConfirm={confirm} okText="Yes" cancelText="No">
        <Button>Bottom</Button>
      </Popconfirm>
      <Popconfirm placement="bottomRight" title={text} onConfirm={confirm} okText="Yes" cancelText="No">
        <Button>BR</Button>
      </Popconfirm>
</div>

What is expected?

The icon should be aligned to horizon with the title of Popconfirm.

What is actually happening?

But the icon has 10px gap.


Because the parent DIV of popconfirm has 10px margin-top, when the popconfirm is placed to the bottom, so the top of the icon element should be assigned to 30px

@xusiyuan841028

This comment has been minimized.

xusiyuan841028 commented Sep 5, 2018

image

@HeskeyBaozi

This comment has been minimized.

Member

HeskeyBaozi commented Sep 6, 2018

@HeskeyBaozi HeskeyBaozi closed this Sep 6, 2018

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment