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 <sunil@medhas.org>
Reviewed-by: Veiko Aasa <veiko17@disroot.org>
This commit is contained in:
Sunil Mohan Adapa 2024-11-14 19:53:49 -08:00 committed by Veiko Aasa
parent ebcc9595c4
commit 9f9c8879b4
No known key found for this signature in database
GPG Key ID: 478539CAE680674E

View File

@ -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;