Message box button styling.

This commit is contained in:
Alex Tselegidis 2022-01-24 14:10:49 +01:00
parent 5ca7d93781
commit be985b3912
2 changed files with 15 additions and 6 deletions

View File

@ -39,7 +39,10 @@ body .ui-draggable .ui-dialog-titlebar {
padding: 12px 10px;
margin-bottom: 10px;
border: none;
border-radius: 0;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
body .ui-dialog {
@ -54,10 +57,6 @@ body .ui-dialog .ui-dialog-buttonpane {
border: none;
}
body .ui-dialog .ui-dialog-buttonpane .btn {
min-width: 120px;
}
body .ui-button .ui-icon,
body .ui-button:hover .ui-icon {
background-image: url('../ext/jquery-ui/images/ui-icons_222222_256x240.png');
@ -72,6 +71,10 @@ body .ui-widget.ui-widget-content {
padding: 0;
}
body .ui-dialog-buttons {
border-radius: 0.25rem;
}
body #ui-datepicker-div {
margin-top: 5px;
z-index: 1100 !important;

View File

@ -66,7 +66,13 @@ window.App.Utils.Message = (function () {
$messageBox.dialog('open');
$('.ui-dialog .ui-dialog-buttonset button').addClass('btn btn-outline-secondary');
$('.ui-dialog .ui-dialog-buttonset button:not(:last)').addClass('btn btn-secondary');
$('.ui-dialog .ui-dialog-buttonset button:last').addClass('btn btn-primary').focus();
$('.ui-dialog .ui-dialog-buttonset button:last').prepend(
$('<i/>', {
'class': 'fas fa-check-square me-2'
})
);
$('#message-box .ui-dialog-titlebar-close').hide();
}