maket/MaketRandevu
1
1
Fork 0
Code Issues 15 Pull requests Projects Releases 4 Packages Wiki Activity

Styling corrections to the popover buttons

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

23
assets/css/general.css
View file

@ -400,21 +400,30 @@ li.language:hover {
margin-bottom: -30px; margin-bottom: -30px;
} }
#message_box pre, #message-box pre,
#message_box .card { #message-box .card {
max-height: 250px; max-height: 250px;
max-width: 500px; max-width: 500px;
} }
body .popover-content strong { body .popover {
min-width: 80px; display:inline-block; max-width: 300px;
} }
body .popover-content button { body .popover-body strong {
margin-right: 10px; 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; margin-right: 5px;
} }

18
assets/js/backend_calendar_table_view.js
View file

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