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

feat(tagset): support for size on overflow tag #6065

Merged
merged 6 commits into from
Sep 20, 2024

Conversation

devadula-nandan
Copy link
Contributor

@devadula-nandan devadula-nandan commented Sep 17, 2024

Closes #5923

adds support to add sizes on overflow tag, and changes the TagSetOverflow to use OperationalTag.

now the overflow tag takes the size of the last tag. if the size is not passed to the the tags, it will default to md

What did you change?

packages/ibm-products/src/components/TagSet/TagSet.tsx
packages/ibm-products/src/components/TagSet/TagSetOverflow.tsx

How did you test and verify your work?

storybook

Copy link

netlify bot commented Sep 17, 2024

Deploy Preview for carbon-for-ibm-products ready!

Name Link
🔨 Latest commit 8c2d68a
🔍 Latest deploy log https://app.netlify.com/sites/carbon-for-ibm-products/deploys/66ebec1fecea1100082b0099
😎 Deploy Preview https://deploy-preview-6065--carbon-for-ibm-products.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.

@devadula-nandan devadula-nandan marked this pull request as ready for review September 18, 2024 05:07
@devadula-nandan devadula-nandan requested a review from a team as a code owner September 18, 2024 05:07
@devadula-nandan devadula-nandan requested review from davidmenendez and sangeethababu9223 and removed request for a team September 18, 2024 05:07
Copy link
Contributor

@davidmenendez davidmenendez left a comment

Choose a reason for hiding this comment

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

i have 1 small code comment and 1 small request. can you include this change in a story to demonstrate the functionality?

@@ -124,6 +124,8 @@ $block-class-modal: #{$_block-class}-modal;
}

.#{$block-class-overflow}__popover-trigger {
/* stylelint-disable-next-line declaration-no-important */
border: none !important;
Copy link
Contributor

Choose a reason for hiding this comment

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

weird. i don't see this change showing up in the deploy preview. what is this doing? just curious because of the important usage.

Copy link
Contributor Author

@devadula-nandan devadula-nandan Sep 19, 2024

Choose a reason for hiding this comment

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

hey @davidmenendez,
The OperationalTag from Carbon has a default border, so I have added this override to match our design.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Screenshot 2024-09-19 at 2 44 41 PM it looks like this without the override

@devadula-nandan devadula-nandan added this pull request to the merge queue Sep 20, 2024
Merged via the queue into carbon-design-system:main with commit ba29c09 Sep 20, 2024
21 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

TagSet doesn't support tag sizes
3 participants