From b00c5994a3efc13644693293d950a1576fcaf18b Mon Sep 17 00:00:00 2001 From: Sunil Mohan Adapa Date: Fri, 18 Dec 2020 18:37:03 -0800 Subject: [PATCH] ui: Fix form error styling using bootstrap 3 style This is a temporary fix until proper bootstrap 4 forms are generated by django-bootstrap-form. Signed-off-by: Sunil Mohan Adapa Reviewed-by: Veiko Aasa --- static/themes/default/css/main.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/static/themes/default/css/main.css b/static/themes/default/css/main.css index e49fedcf3..5b22d5b56 100644 --- a/static/themes/default/css/main.css +++ b/static/themes/default/css/main.css @@ -147,6 +147,25 @@ h1, h2, h3, h4, h5, h6 { padding-left: 1.4rem; } +/* Form error display was changed in bootstrap 4, provide compatibility */ +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline, +.has-error.radio label, +.has-error.checkbox label, +.has-error.radio-inline label, +.has-error.checkbox-inline label { + color: #a94442; +} + +.has-error .form-control { + border-color: #a94442; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} + /* * Basic styling */