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

MaskedInput, CodeBlock - scrollbar overlap fix (HDS-2864) #2444

Merged
merged 6 commits into from
Sep 24, 2024

Conversation

KristinLBradley
Copy link
Contributor

@KristinLBradley KristinLBradley commented Sep 23, 2024

📌 Summary

If merged, this PR will update the scrollbar-width for the MaskedInput textarea to "thin", reducing the overlap of the toggle button.

📸 Screenshots

BEFORE:

image

AFTER:

image

🔗 External links


👀 Component checklist

💬 Please consider using conventional comments when reviewing this PR.

…es of wrapping overflowing content to Showcase
Copy link

vercel bot commented Sep 23, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
hds-showcase ✅ Ready (Inspect) Visit Preview Sep 24, 2024 5:17pm
hds-website ✅ Ready (Inspect) Visit Preview Sep 24, 2024 5:17pm

Copy link
Contributor

@didoo didoo left a comment

Choose a reason for hiding this comment

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

LGTM 👍

@@ -57,6 +57,19 @@
<SF.Item @label="With multiline value (template literal)">
<Hds::Form::MaskedInput::Base @isMultiline={{true}} @isContentMasked={{false}} @value={{this.multilineText2}} />
</SF.Item>
<SF.Item @label="With long wrapping text (masked)">
Copy link
Contributor

Choose a reason for hiding this comment

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

[praise] nice addition to the showcase 👏👏👏

@KristinLBradley KristinLBradley changed the title MaskedInput - scrollbar overlap fix (HDS-2864) MaskedInput, CodeBlock - scrollbar overlap fix (HDS-2864) Sep 24, 2024
@KristinLBradley
Copy link
Contributor Author

Will update CodeBlock styles as well in this PR as was recommended

Copy link
Member

@alex-ju alex-ju left a comment

Choose a reason for hiding this comment

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

Looking good! Thank you for investigating and updating these. We'd need to change the version to 4.12.0, otherwise good to be merged

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
docs-website Content updates to the documentation website packages/components showcase
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants