From a39bf8ee940d2385c7e969270d9bf9868220b4ac Mon Sep 17 00:00:00 2001
From: Michael Danielczok <michael@pcsg.de>
Date: Thu, 24 Oct 2024 16:24:43 +0200
Subject: [PATCH] fix: style inputs disabled state
---
bin/css/form.css | 23 ++++++++++++++++++++++-
1 file changed, 22 insertions(+), 1 deletion(-)
diff --git a/bin/css/form.css b/bin/css/form.css
index 13d4bf8..e922246 100644
--- a/bin/css/form.css
+++ b/bin/css/form.css
@@ -21,7 +21,6 @@ select {
background-image: url("../images/arrow-select.svg");
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
- background-size: 20px auto;
background-size: 8px;
height: 40px;
padding-bottom: 0;
@@ -58,6 +57,28 @@ textarea:focus {
border-color: #a9a8a5;
}
+/* disabled */
+:is(
+ input:where(:not([type])),
+ [type='text'],
+ [type='email'],
+ [type='url'],
+ [type='password'],
+ [type='number'],
+ [type='date'],
+ [type='datetime-local'],
+ [type='month'],
+ [type='search'],
+ [type='tel'],
+ [type='time'],
+ [type='week'],
+ [multiple],
+ textarea,
+ select
+):where([disabled]) {
+ opacity: 0.6;
+}
+
/* iOs input search fix */
input[type="search"] {
-webkit-appearance: none;
--
GitLab