E524 fix(FormControl): updated status hover styling by thatblindgeye · Pull Request #6924 · patternfly/patternfly · GitHub
[go: up one dir, main page]

Skip to content

fix(FormControl): updated status hover styling#6924

Merged
mcoker merged 2 commits intopatternfly:v6from
thatblindgeye:iss6866_formControlStatusHover
Jul 31, 2024
Merged

fix(FormControl): updated status hover styling#6924
mcoker merged 2 commits intopatternfly:v6from
thatblindgeye:iss6866_formControlStatusHover

Conversation

@thatblindgeye
Copy link
Contributor

Closes #6866

Also removed some focus styles/vars that weren't actually being applied anywhere.

@patternfly-build
Copy link
Collaborator
patternfly-build commented Jul 25, 2024

@thatblindgeye thatblindgeye linked an issue Jul 30, 2024 that may be closed by this pull request
Copy link
Contributor
@mcoker mcoker left a comment

Choose a reason for hiding this comment

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

Looks rad, one small nit.

Comment on lines +30 to +32
--#{$form-control}--hover--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--hover);
--#{$form-control}--hover--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
--#{$form-control}--hover--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
Copy link
Contributor

Choose a reason for hiding this comment

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

super duper nit, we typically name this --component--variation--hover so it would be

Suggested change
--#{$form-control}--hover--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--hover);
--#{$form-control}--hover--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
--#{$form-control}--hover--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
--#{$form-control}--m-success--hover--after--BorderColor: var(--pf-t--global--border--color--status--success--hover);
--#{$form-control}--m-warning--hover--after--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
--#{$form-control}--m-error--hover--after--BorderColor: var(--pf-t--global--border--color--status--danger--hover);

@thatblindgeye thatblindgeye force-pushed the iss6866_formControlStatusHover branch from 377cd9b to c03591d Compare July 31, 2024 13:32
@thatblindgeye thatblindgeye requested a review from mcoker July 31, 2024 13:32
Copy link
Contributor
@mcoker mcoker left a comment

Choose a reason for hiding this comment

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

🥳

@mcoker mcoker merged commit 50ad63b into patternfly:v6 Jul 31, 2024
@patternfly-build
Copy link
Collaborator

🎉 This PR is included in version 6.0.0-alpha.206 🎉

The release is available on:

Your semantic-release bot 📦🚀

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.

Form control - update status border color on hover

3 participants

0