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
|
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>
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"version": "1.2.4",
|
"version": "1.2.5",
|
||||||
"name": "@kernelui/core",
|
"name": "@kernelui/core",
|
||||||
"description": "Kernel UI Core.",
|
"description": "Kernel UI Core.",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
|
|
|
@ -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