Improve style of disabled inputs.
This commit is contained in:
parent
de4018af83
commit
09b7847808
3 changed files with 12 additions and 1 deletions
|
@ -126,6 +126,11 @@ export function DemoApp()
|
|||
Test password
|
||||
</PasswordInput>
|
||||
|
||||
<label>
|
||||
Disabled input
|
||||
<input type={"text"} name={"disabled"} value={"fixed value"} disabled={true} />
|
||||
</label>
|
||||
|
||||
<DatepickerInput value={datetime} onChange={setDatetime}>
|
||||
Date test
|
||||
</DatepickerInput>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
{
|
||||
"version": "1.2.4",
|
||||
"version": "1.2.5",
|
||||
"name": "@kernelui/core",
|
||||
"description": "Kernel UI Core.",
|
||||
"scripts": {
|
||||
|
|
|
@ -24,6 +24,12 @@ input, textarea, select
|
|||
color: var(--neutral);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&:disabled
|
||||
{
|
||||
background: var(--background);
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
|
||||
textarea
|
||||
|
|
Loading…
Reference in a new issue