Fix validation message styling on thegrant wizard. Fixes #2673

This commit is contained in:
Akshay Joshi 2017-09-20 11:34:01 +01:00 committed by Dave Page
parent 2ddbddba33
commit 13665f68d8
3 changed files with 15 additions and 5 deletions

View File

@ -37,7 +37,7 @@
.wizard-content {
position: relative;
padding: 0;
height: calc(100% - 97px);
height: calc(100% - 120px);
}
.wizard-right-panel {

View File

@ -88,8 +88,16 @@ function(_, Backbone, pgAdmin, pgBrowser) {
+ " </div>"
+ " </div>"
+ " </div>"
+ " <div class='col-sm-12 error_msg_div'>"
+ " <p></p>"
+ " <div class='col-sm-12 pg-prop-status-bar' style='visibility:hidden'>"
+ " <div class='media error-in-footer bg-red-1 border-red-2 font-red-3 text-14'>"
+ " <div class='media-body media-middle'>"
+ " <div class='alert-icon error-icon'>"
+ " <i class='fa fa-exclamation-triangle' aria-hidden='true'></i>"
+ " </div>"
+ " <div class='alert-text'>"
+ " </div>"
+ " </div>"
+ " </div>"
+ " </div>"
+ " <div class='footer col-sm-12'>"
+ " <div class='row'>"

View File

@ -278,7 +278,8 @@ define([
status bar element and next button is disabled
*/
onSessionInvalid: function(msg) {
$('.error_msg_div p').html(msg).removeClass("hide");
$('.pg-prop-status-bar .alert-text').html(msg);
$('.pg-prop-status-bar').css("visibility", "visible");
// Enable disable Next button
this.updateButtons(false);
@ -291,7 +292,8 @@ define([
status bar element and next button is disabled
*/
onSessionValidated: function(sessHasChanged) {
$('.error_msg_div p').empty().addClass("hide");
$('.pg-prop-status-bar .alert-text').empty();
$('.pg-prop-status-bar').css("visibility", "hidden");
// Enable disable Next button
this.updateButtons(sessHasChanged);