studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄(react) fix Select and Input error colors

Browse Source 
This was a feedback from the QA.
This commit is contained in:
Nathan Vasse
2023-09-06 16:53:56 +02:00
committed by NathanVss
parent 1c45b93a85
commit 9a349c1556
3 changed files with 20 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/cool-hounds-yell.md Normal file
View File

@@ -0,0 +1,5 @@
---
"@openfun/cunningham-react": minor
---
fix Select and Input error colors

7
packages/react/src/components/Forms/Input/index.scss
View File

@@ -114,7 +114,12 @@
&:not(.c__input__wrapper--disabled) {
&:hover {
border-color: var(--c--theme--colors--danger-200);
border-color: var(--c--theme--colors--danger-800);
color: var(--c--theme--colors--danger-800);
label {
color: var(--c--theme--colors--danger-800);
}
}
}
}

10
packages/react/src/components/Forms/Select/index.scss
View File

@@ -168,11 +168,19 @@
.c__select__wrapper {
border-color: var(--c--theme--colors--danger-600);
label {
color: var(--c--theme--colors--danger-600);
}
}
&:not(.c__select__wrapper--disabled) {
.c__select__wrapper:hover {
border-color: var(--c--theme--colors--danger-200);
border-color: var(--c--theme--colors--danger-800);
label {
color: var(--c--theme--colors--danger-800);
}
}
}
}