From bfe01012dc7b12726f44db14a622c6596e9d668e Mon Sep 17 00:00:00 2001
From: Madeorsk <madeorsk@protonmail.com>
Date: Mon, 23 Sep 2024 15:34:36 +0200
Subject: [PATCH] Improve style of disabled inputs.

---
 demo/DemoApp.tsx                        | 5 +++++
 src/styles/components/forms/_input.less | 6 ++++++
 2 files changed, 11 insertions(+)

diff --git a/demo/DemoApp.tsx b/demo/DemoApp.tsx
index 7c54206..c8cbdc9 100644
--- a/demo/DemoApp.tsx
+++ b/demo/DemoApp.tsx
@@ -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>
diff --git a/src/styles/components/forms/_input.less b/src/styles/components/forms/_input.less
index 633a763..ab11b59 100644
--- a/src/styles/components/forms/_input.less
+++ b/src/styles/components/forms/_input.less
@@ -24,6 +24,12 @@ input, textarea, select
 		color: var(--neutral);
 		opacity: 1;
 	}
+
+	&:disabled
+	{
+		background: var(--background);
+		opacity: 0.8;
+	}
 }
 
 textarea