Improve style of disabled inputs.
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
This commit is contained in:
parent
de4018af83
commit
bfe01012dc
2 changed files with 11 additions and 0 deletions
|
@ -126,6 +126,11 @@ export function DemoApp()
|
||||||
Test password
|
Test password
|
||||||
</PasswordInput>
|
</PasswordInput>
|
||||||
|
|
||||||
|
<label>
|
||||||
|
Disabled input
|
||||||
|
<input type={"text"} name={"disabled"} value={"fixed value"} disabled={true} />
|
||||||
|
</label>
|
||||||
|
|
||||||
<DatepickerInput value={datetime} onChange={setDatetime}>
|
<DatepickerInput value={datetime} onChange={setDatetime}>
|
||||||
Date test
|
Date test
|
||||||
</DatepickerInput>
|
</DatepickerInput>
|
||||||
|
|
|
@ -24,6 +24,12 @@ input, textarea, select
|
||||||
color: var(--neutral);
|
color: var(--neutral);
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:disabled
|
||||||
|
{
|
||||||
|
background: var(--background);
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
textarea
|
textarea
|
||||||
|
|
Loading…
Reference in a new issue