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 disabled floating labels color #37408

Merged
merged 1 commit into from
Nov 14, 2022
Merged

Conversation

julien-deramond
Copy link
Member

@julien-deramond julien-deramond commented Oct 31, 2022

Related issues

Closes #37362

Description

This PR adds a new Sass var called $form-floating-label-disabled-color that will be used to display the label when form floating labels are disabled.

For the selects, it is consistent with Select > Disabled.

For the floating labels (without values), we risk to confuse the label with a simple input and its value but I don't see how to do it differently.

Type of changes

  • Bug fix (non-breaking change which fixes an issue)

Checklist

  • I have read the contributing guidelines
  • My code follows the code style of the project (using npm run lint)
  • All new and existing tests passed

Live previews

@julien-deramond julien-deramond force-pushed the main-jd-fix-form-floating-disabled-colour branch from 6fd1241 to ca68922 Compare October 31, 2022 18:36
@julien-deramond julien-deramond marked this pull request as ready for review October 31, 2022 18:38
@julien-deramond julien-deramond requested a review from a team as a code owner October 31, 2022 18:38
@mdo mdo merged commit 8576521 into main Nov 14, 2022
@mdo mdo deleted the main-jd-fix-form-floating-disabled-colour branch November 14, 2022 17:32
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
No open projects
Status: Needs review
Development

Successfully merging this pull request may close these issues.

Disabled form-floating input uses wrong colour
2 participants