Message box button styling.
This commit is contained in:
parent
5ca7d93781
commit
be985b3912
2 changed files with 15 additions and 6 deletions
|
@ -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;
|
||||
|
|
|
@ -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();
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue