From 7c20131b969d24a7c0f768128970883db61520f8 Mon Sep 17 00:00:00 2001 From: Heike Reinken <reinken@ub.uni-leipzig.de> Date: Tue, 9 Jun 2020 16:31:14 +0200 Subject: [PATCH] refs #17605 [master] Change behaviour of Account login side * Set the contrast for disabled submit button * Show the input fields and labels when they have an incorrect input * Show the the related error message for the incorrect field --- themes/finc/scss/_customVariables.scss | 4 +++- themes/finc/scss/compiled.scss | 29 ++++++++++++++++++++++++++ 2 files changed, 32 insertions(+), 1 deletion(-) diff --git a/themes/finc/scss/_customVariables.scss b/themes/finc/scss/_customVariables.scss index a579fb5a484..a7a48098ef8 100644 --- a/themes/finc/scss/_customVariables.scss +++ b/themes/finc/scss/_customVariables.scss @@ -120,9 +120,11 @@ $btn-info-active-hover-bg: lighten($brand-info, 20%) !default; ////// NOTE that the hover states use the default color too! $btn-primary-color: $white !default; $btn-primary-bg: $brand-primary !default; -$btn-primary-disabled-color: $brand-secondary !default; $btn-primary-hover-bg: $brand-secondary !default; $btn-primary-hover-color: $brand-primary !default; +$btn-primary-disabled-color: $brand-secondary !default; +$btn-primary-disabled-hover-bg: $brand-secondary !default; +$btn-primary-disabled-hover-color: $brand-primary !default; // $btn-primary-color: $btn-primary-color !default; // already defined this way in BS _variables, use this variable to change it // $btn-primary-bg: $brand-primary !default; // already defined this way in BS _variables, use this variable to change it $btn-secondary-border-color: $steel !default; diff --git a/themes/finc/scss/compiled.scss b/themes/finc/scss/compiled.scss index 72cec280717..93a7d5980ad 100644 --- a/themes/finc/scss/compiled.scss +++ b/themes/finc/scss/compiled.scss @@ -2488,3 +2488,32 @@ input { } // Accessibility - END + +// Account + +.btn-primary.disabled { + &:focus, + &:hover { + background-color: $btn-primary-disabled-hover-bg; + color: $btn-primary-disabled-hover-color; + } +} + +.has-error .control-label, +.has-error .help-block, +.sms-error .control-label, +.sms-error .help-block { + color: $brand-danger; +} + +.has-error .form-control, +.sms-error .form-control { + border: 1px solid $brand-danger; + + &:focus, + &:hover { + border: 1px solid $brand-danger; + } +} + +// Account - END -- GitLab