From 30a6ee5d3de2042e98a5e8be5aa62268a5fcd597 Mon Sep 17 00:00:00 2001
From: the-djmaze <>
Date: Tue, 1 Mar 2022 10:37:00 +0100
Subject: [PATCH] Use opacity on disabled/readonly form field

---
 vendors/bootstrap/less/forms.less     | 10 ++--------
 vendors/bootstrap/less/variables.less |  1 -
 2 files changed, 2 insertions(+), 9 deletions(-)

diff --git a/vendors/bootstrap/less/forms.less b/vendors/bootstrap/less/forms.less
index 0924c61ce..5b6ca6dd7 100644
--- a/vendors/bootstrap/less/forms.less
+++ b/vendors/bootstrap/less/forms.less
@@ -127,19 +127,13 @@ input[readonly],
 select[readonly],
 textarea[readonly] {
   cursor: not-allowed;
-  background-color: @inputDisabledBackground;
-}
-// Explicitly reset the colors here
-input[type="radio"][disabled],
-input[type="checkbox"][disabled],
-input[type="radio"][readonly],
-input[type="checkbox"][readonly] {
-  background-color: transparent;
+  opacity: 0.7;
 }
 
 
 
 
+
 // FORM FIELD FEEDBACK STATES
 // --------------------------
 
diff --git a/vendors/bootstrap/less/variables.less b/vendors/bootstrap/less/variables.less
index 33c7a93ed..2feeafcf0 100644
--- a/vendors/bootstrap/less/variables.less
+++ b/vendors/bootstrap/less/variables.less
@@ -68,7 +68,6 @@
 @inputBackground:               @white;
 @inputBorder:                   #ccc;
 @inputBorderRadius:             3px;
-@inputDisabledBackground:       @grayLighter;
 @formActionsBackground:         #f5f5f5;
 
 // Dropdowns