From 2ff09d6f104d560d4aa9c8077a804c0224cfef0a Mon Sep 17 00:00:00 2001
From: Samuel Mannehed <samuel@cendio.se>
Date: Fri, 9 Dec 2022 11:27:16 +0100
Subject: [PATCH] Unify element's :disabled styles to use opacity

Some elements used grey text and background when disabled, and some used
opacity. It looked a bit old school to make the elements grey when
disabled. Let's use opacity for all input elements when disabled.
---
 app/styles/input.css | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/app/styles/input.css b/app/styles/input.css
index ab54289f..d8d9067d 100644
--- a/app/styles/input.css
+++ b/app/styles/input.css
@@ -176,6 +176,7 @@ textarea:focus-visible {
 
 input:not([type]):disabled,
 input[type=button]:disabled,
+input[type=checkbox]:disabled,
 input[type=color]:disabled,
 input[type=date]:disabled,
 input[type=datetime-local]:disabled,
@@ -184,6 +185,7 @@ input[type=image]:disabled,
 input[type=month]:disabled,
 input[type=number]:disabled,
 input[type=password]:disabled,
+input[type=range]:disabled,
 input[type=reset]:disabled,
 input[type=search]:disabled,
 input[type=submit]:disabled,
@@ -195,11 +197,6 @@ input[type=week]:disabled,
 button:disabled,
 select:disabled,
 textarea:disabled {
-  color: rgb(128, 128, 128);
-  background: rgb(240, 240, 240);
-}
-input[type=checkbox]:disabled,
-input[type=range]:disabled {
   opacity: 0.4;
 }