Carbon: [InlineNotification]: Action button is misaligned when close button is hidden

Created on 12 Dec 2019  路  2Comments  路  Source: carbon-design-system/carbon

  • [x] carbon-components
  • [x] carbon-components-react

Detailed description

When I pass hideCloseButton prop to InlineNotification and have an action button set up, the button is too far to the right so that its background is flush to the right side when hovering.

Steps to reproduce the issue

  1. Visit storybook at http://react.carbondesignsystem.com/?path=/story/notifications--inline
  2. Select knob hideCloseButton
  3. Hover over "Action" buttton
    (better visible when lowContrast is also selected)

Additional information

image
image

help wanted 馃憪 bug 馃悰

All 2 comments

I can propose a fix for this 馃憤 Though it really depends on how much spacing @carbon-design-system/design would like to see on the right side?

@jendowns I think 8px would do it.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

AnthumChris picture AnthumChris  路  3Comments

laurenmrice picture laurenmrice  路  3Comments

ConradSchmidt picture ConradSchmidt  路  3Comments

kalyanixraut picture kalyanixraut  路  3Comments

JordanWSmith15 picture JordanWSmith15  路  3Comments