Styling corrections to the popover buttons

This commit is contained in:
Alex Tselegidis 2020-09-07 13:04:07 +03:00
parent af270e8fe2
commit 18fa137336
2 changed files with 27 additions and 14 deletions

View file

@ -400,21 +400,30 @@ li.language:hover {
margin-bottom: -30px;
}
#message_box pre,
#message_box .card {
#message-box pre,
#message-box .card {
max-height: 250px;
max-width: 500px;
}
body .popover-content strong {
min-width: 80px; display:inline-block;
body .popover {
max-width: 300px;
}
body .popover-content button {
margin-right: 10px;
body .popover-body strong {
min-width: 90px;
display:inline-block;
}
body .popover-content a {
body .popover-body button {
font-size: 1em;
box-sizing: border-box;
margin: 0;
height: 2.1em;
padding: 0 .6em;
}
body .popover-body a {
margin-right: 5px;
}

View file

@ -132,7 +132,7 @@ window.BackendCalendarTableView = window.BackendCalendarTableView || {};
* Hides the open popover element.
*/
$calendar.on('click', '.close-popover', function () {
$(this).parents('.popover').popover('destroy');
$(this).parents('.popover').popover('dispose');
});
/**
@ -141,7 +141,7 @@ window.BackendCalendarTableView = window.BackendCalendarTableView || {};
* Enables the edit dialog of the selected table event.
*/
$calendar.on('click', '.edit-popover', function () {
$(this).parents('.popover').popover('destroy');
$(this).parents('.popover').popover('dispose');
var $dialog;
@ -208,7 +208,7 @@ window.BackendCalendarTableView = window.BackendCalendarTableView || {};
* deletion then an ajax call is made to the server and deletes the appointment from the database.
*/
$calendar.on('click', '.delete-popover', function () {
$(this).parents('.popover').popover('destroy'); // Hide the popover.
$(this).parents('.popover').popover('dispose'); // Hide the popover.
var url;
var data;
@ -271,8 +271,12 @@ window.BackendCalendarTableView = window.BackendCalendarTableView || {};
GeneralFunctions.displayMessageBox(EALang.delete_appointment_title,
EALang.write_appointment_removal_reason, buttons);
$('#message-box').append('<textarea id="delete-reason" rows="3"></textarea>');
$('#delete-reason').css('width', '100%');
$('<textarea/>', {
'class': 'form-control w-100',
'id': 'delete-reason',
'rows': '3'
})
.appendTo('#message-box');
} else {
// Do not display confirmation prompt.
url = GlobalVariables.baseUrl + '/index.php/backend_api/ajax_delete_unavailable';
@ -1019,7 +1023,7 @@ window.BackendCalendarTableView = window.BackendCalendarTableView || {};
* above the calendar item.
*/
function onEventClick(event, jsEvent) {
$('.popover').popover('destroy'); // Close all open popovers.
$('.popover').popover('dispose'); // Close all open popovers.
var $html;
var displayEdit;
@ -1263,7 +1267,7 @@ window.BackendCalendarTableView = window.BackendCalendarTableView || {};
$('<br/>'),
$('<strong/>', {
'text': EALang.phone_number
'text': EALang.phone
}),
GeneralFunctions.renderPhoneIcon(event.data.customer.phone_number),
$('<span/>', {