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.

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

浅色主题下dropdown的样式bug #3433

Closed
dongnaebi opened this issue Aug 6, 2022 · 1 comment · Fixed by #3436
Closed

浅色主题下dropdown的样式bug #3433

dongnaebi opened this issue Aug 6, 2022 · 1 comment · Fixed by #3436
Labels
bug Something isn't working

Comments

@dongnaebi
Copy link

TuSimple/naive-ui version (版本)

2.32.1

Vue version (Vue 版本)

3.2.37

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

chrome103

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

win11

Node version (Node 版本)

Reappearance link (重现链接)

https://www.naiveui.com/zh-CN/light/components/dropdown

Reappearance steps (重现步骤)

浅色模式下,鼠标移入dropdown的选项时,图标消失

Expected results (期望的结果)

使用自定义的图标(非n-icon),在浅色模式下需要给 .n-dropdown-option-body__prefix 的 z-index 设为1,图标才能显示出来,深色模式正常,暂未对比出差异在哪

Actual results (实际的结果)

父元素的before(.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body::before)是定位元素,盖住了图标

Remarks (补充说明)

@github-actions github-actions bot added the untriaged need to sort label Aug 6, 2022
@Sepush
Copy link
Collaborator

Sepush commented Aug 7, 2022

试着给你的自定义图标套一层 n-icon

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants