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

Allow floating label to take full width when floating (scaled down) #36703

Conversation

terencehonles
Copy link

This change allows the floating label to expand its width as it's scaled down because the width: 100% as defined in #36327 will no longer be correct.

I'm not sure about the process for adding new variables and if this is acceptable. I also realize that / outside of calc(...) is deprecated but I don't see any uses of @use 'sass:math' in the codebase and calc(...) was complaining it was not allowed when running npm run test and I was not sure if I should modify an allowlist or what would be preferred here.

This change allows the floating label to expand its width as it's scaled
down because the `width: 100%` as defined in
twbs#36327 will no longer be correct.
@mdo
Copy link
Member

mdo commented Aug 10, 2022

Do you have a live demo of the problem you're running into?

@terencehonles
Copy link
Author

I should be able to put something together, but a bit busy at the moment.

@mdo
Copy link
Member

mdo commented Sep 1, 2022

Closing this out for now as it's a little stale until we see a demo of the issue you're running into :). Happy to re-open when this is ready to go or review a new PR :).

@mdo mdo closed this Sep 1, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants