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

fix(Slug): adjust callout width, fix revert story #15591

Merged
merged 2 commits into from Jan 25, 2024

Conversation

tw15egan
Copy link
Member

Fixes some issues that @aagonzales pointed out with the latest AI updates

Screenshot 2024-01-23 at 12 21 11 PM

Changelog

Changed

  • Set the same max-width for all callouts (action vs without action)
  • Ensure the ai border on NumberInput is removed when the ai styles are not active (revert test story)

Testing / Reviewing

Ensure padding is correct for the action bar variant of the callout. Ensure the NumberInput border is removed when a user changes the ai value (Slug --> Form --> Revert Test)

Copy link

netlify bot commented Jan 23, 2024

Deploy Preview for v11-carbon-react ready!

Name Link
🔨 Latest commit 1ba14ce
🔍 Latest deploy log https://app.netlify.com/sites/v11-carbon-react/deploys/65b003fce677430008467d79
😎 Deploy Preview https://deploy-preview-15591--v11-carbon-react.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@andreancardona
Copy link
Contributor

One small thing I'm seeing is that when the disabled prop is set to true - there is a conflicting red / blue border in the bottom right hand corner of the input container. Let me know what you think!
Screenshot 2024-01-23 at 09 45 13

Copy link
Contributor

@andreancardona andreancardona left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

comment above

Copy link
Contributor

@andreancardona andreancardona left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Comment above not sure what's happening with my github 👀

@tw15egan
Copy link
Member Author

Oh, nice catch, @andreancardona! Fixed, it should be good now.

Copy link
Member

@aagonzales aagonzales left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good!

@tw15egan tw15egan added this pull request to the merge queue Jan 25, 2024
Merged via the queue into carbon-design-system:main with commit 19b48f3 Jan 25, 2024
21 checks passed
@tw15egan tw15egan deleted the slug-storybook-fixes branch January 25, 2024 16:12
kodiakhq bot pushed a commit to carbon-design-system/carbon-for-ibm-dotcom that referenced this pull request Feb 2, 2024
### Related Ticket(s)

Follows: carbon-design-system/carbon#15596 & carbon-design-system/carbon#15591
### Description

Updates Tile with carbon gradient
### Changelog

**Changed**

- new carbon upgrade (using RC atm -> will need to update to full release)
- updated tile slug styles like core
- the new core styles fix an error with number-input slug revert styles


<!-- React and Web Component deploy previews are enabled by default. -->
<!-- To enable additional available deploy previews, apply the following -->
<!-- labels for the corresponding package: -->
<!-- *** "test: e2e": Codesandbox examples and e2e integration tests -->
<!-- *** "package: services": Services -->
<!-- *** "package: utilities": Utilities -->
<!-- *** "RTL": React / Web Components (RTL) -->
<!-- *** "feature flag": React / Web Components (experimental) -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants