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

🐛(react) fix label color on state disabled ( select, input )

Browse Source 
When creating LabelledBox we introduced a bug than overrides the label
colors when inputs are disabled.
This commit is contained in:
Nathan Vasse
2023-05-24 16:15:35 +02:00
committed by NathanVss
parent bc6d085868
commit ef4ece39b4
4 changed files with 4 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -76,10 +76,8 @@
color: var(--c--theme--colors--greyscale-400);
border-color: var(--c--theme--colors--greyscale-200);
.c__input__inner {
.c__input, label {
color: var(--c--theme--colors--greyscale-600);
}
.c__input, .labelled-box label {
color: var(--c--theme--colors--greyscale-600);
}
&:hover {

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

@@ -153,17 +153,6 @@
label {
cursor: default;
}
input {
color: var(--c--theme--colors--greyscale-600);
background-color: white;
}
}
.c__input__inner {
.c__input, label {
color: var(--c--theme--colors--greyscale-600);
}
}