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

[Bug]: Inline/actionable notification icon unaligned #18374

Open
2 tasks done
Tweakified opened this issue Jan 17, 2025 · 0 comments
Open
2 tasks done

[Bug]: Inline/actionable notification icon unaligned #18374

Tweakified opened this issue Jan 17, 2025 · 0 comments

Comments

@Tweakified
Copy link

Package

@carbon/react

Browser

Chrome

Package version

v1.65.0

Description

The status icon for an inline and actionable seems to be unaligned if using a Very large font size - Chrome settings, or a different line height.

Screenshots

Image

Steps to reproduce

In Chrome go to Settings > Appearance > Font Size > Very large
Or: Change line height styling by adding the css:

* {
    line-height: 150% !important;
}

Go to the component: https://react.carbondesignsystem.com/?path=/story/components-notifications-inline--default
See misaligned status icon

Code of Conduct

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: ⏱ Backlog
Development

No branches or pull requests

2 participants