nik/FreedomBox
1
0
Fork 0
mirror of https://github.com/freedombox/FreedomBox.git synced 2026-05-27 10:44:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

ui: Show disabled form elements as grey for Bootstrap 5

Browse Source 
- 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
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
static/themes/default/css/main.css
View File

@ -11,6 +11,7 @@
--progress-color: #3498db; /* Blue */ --progress-color: #3498db; /* Blue */
--error-color: #d9534f; /* Red */ --error-color: #d9534f; /* Red */
--warning-color: #ec971f; /* Orange */ --warning-color: #ec971f; /* Orange */
--freedombox-form-disabled-bg-color: #e9ecef; /* Grey */
} }
@font-face { @font-face {
@ -140,6 +141,12 @@ h1, h2, h3, h4, h5, h6 {
color: #737373; 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 removed in bootstrap, needs updated django-bootstrap-form */
.form-horizontal > .form-group { .form-horizontal > .form-group {
display: flex; display: flex;