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

NButton border on hover conflicts with NBadge #1195

Closed
vhatuncev opened this issue Sep 17, 2021 · 1 comment · Fixed by #1197
Closed

NButton border on hover conflicts with NBadge #1195

vhatuncev opened this issue Sep 17, 2021 · 1 comment · Fixed by #1197
Assignees
@XieZongChen
Labels
bug Something isn't working

Comments

@vhatuncev
Copy link

TuSimple/naive-ui version (版本)

2.18.2

Vue version (Vue 版本)

3.2.12

Browser and its version (浏览器及其版本)

Chrome Version 93.0.4577.63 (Official Build) (64-bit)

System and its version (系统及其版本)

Windows 10

Node version (Node 版本)

Reappearance link (重现链接)

https://codesandbox.io/s/weathered-http-jdsxz?file=/src/Demo.vue

Reappearance steps (重现步骤)

Hover mouse on the button.

Expected results (期望的结果)

Hover should not overlap on badge control

Actual results (实际的结果)

The border will overlap with badge content

Remarks (补充说明)
@github-actions github-actions bot added the untriaged need to sort label Sep 17, 2021
@vhatuncev
Copy link
Author

image

@07akioni 07akioni added bug Something isn't working and removed untriaged need to sort labels Sep 17, 2021
@XieZongChen XieZongChen self-assigned this Sep 18, 2021
@XieZongChen XieZongChen mentioned this issue Sep 18, 2021
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@XieZongChen XieZongChen

Labels
bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(badge): fix n-button border on hover conflicts with n-badge
3 participants
@vhatuncev @07akioni @XieZongChen