From 9f9c8879b43d3e2c6b26bfba504886579b6564e9 Mon Sep 17 00:00:00 2001 From: Sunil Mohan Adapa Date: Thu, 14 Nov 2024 19:53:49 -0800 Subject: [PATCH] ui: Show disabled form elements as grey for Bootstrap 5 - Same color as in Bootstrap 4 but removed in Bootstrap 5. Signed-off-by: Sunil Mohan Adapa Reviewed-by: Veiko Aasa --- static/themes/default/css/main.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/static/themes/default/css/main.css b/static/themes/default/css/main.css index debd1178b..02ebf711c 100644 --- a/static/themes/default/css/main.css +++ b/static/themes/default/css/main.css @@ -11,6 +11,7 @@ --progress-color: #3498db; /* Blue */ --error-color: #d9534f; /* Red */ --warning-color: #ec971f; /* Orange */ + --freedombox-form-disabled-bg-color: #e9ecef; /* Grey */ } @font-face { @@ -140,6 +141,12 @@ h1, h2, h3, h4, h5, h6 { color: #737373; } +/* Disabled form elements show as gray, removed in Bootstrap 5 */ +.form-control:disabled, .form-control[readonly] { + background-color: var(--freedombox-form-disabled-bg-color); + opacity: 1; +} + /* form-horizontal removed in bootstrap, needs updated django-bootstrap-form */ .form-horizontal > .form-group { display: flex;