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

Button component hasIconOnly assistive text styling not working #8372

Closed
1 of 2 tasks
gptt916 opened this issue Apr 12, 2021 · 0 comments · Fixed by #8383
Closed
1 of 2 tasks

Button component hasIconOnly assistive text styling not working #8372

gptt916 opened this issue Apr 12, 2021 · 0 comments · Fixed by #8383

Comments

@gptt916
Copy link
Contributor

gptt916 commented Apr 12, 2021

What package(s) are you using?

  • carbon-components
  • carbon-components-react

Detailed description

Describe in detail the issue you're having.

When using the Button component and importing the style by using

@import 'carbon-components/scss/components/button/_button';

the assistive text's styling does not work, and is in the wrong position.

Is this issue related to a specific component?

Yes, Button

What did you expect to happen? What happened instead? What would you like to
see changed?

The Button scss should include styling for the assistive text

What browser are you working in?

Firefox

What version of the Carbon Design System are you using?

x.27, reproduced on latest

What offering/product do you work on? Any pressing ship or release dates we
should be aware of?

IBM Cloud Docs

Steps to reproduce the issue

  1. Create Button (hasIconOnly) component in js.
  2. import Button styling
  3. Hover on button

https://codesandbox.io/s/vibrant-sun-i3v25?file=/package.json

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

Successfully merging a pull request may close this issue.

2 participants