Styling for the table view calendar header row.

This commit is contained in:
Alex Tselegidis 2020-09-07 13:18:25 +03:00
parent 18fa137336
commit de498ab5c2
3 changed files with 21 additions and 27 deletions

View file

@ -466,11 +466,7 @@ body .form-horizontal .controls {
#calendar .calendar-header input {
width: 120px;
}
#calendar .calendar-header .btn,
#calendar .calendar-header input {
margin: 10px 10px 10px 0;
vertical-align: middle;
}
#calendar .calendar-header select {
@ -478,31 +474,24 @@ body .form-horizontal .controls {
}
#calendar .calendar-header label {
margin: 0 10px;
margin: 10px 0;
vertical-align: middle;
display: block;
}
#calendar .calendar-header .select2-container--default .select2-selection--multiple {
border: none !important;
border-bottom: 1px solid #ddd !important;
border-radius: 0 !important;
height: 29px;
height: 38px;
}
#calendar .calendar-header .select2-search__field {
margin: 0 !important;
#calendar .select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
#calendar .calendar-header .select2-container--default .select2-selection--multiple .select2-selection__choice {
margin-top: 0;
padding: 0 3px;
border-radius: 2px;
border: 1px solid #d9d9d9;
font-size: 12px;
}
.select2-dropdown {
border: 1px solid #ddd;
border-radius: 0;
#calendar .select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #f8f9fa;
border: 1px solid #ced4da;
}
#calendar .calendar-view {
@ -600,6 +589,11 @@ body .form-horizontal .controls {
font-size: 22px;
display: inline-block;
}
#calendar .calendar-header label {
display: inline-block;
margin: 0 10px;
}
}

View file

@ -83,7 +83,8 @@ body .ui-widget.ui-widget-content {
}
body #ui-datepicker-div {
margin-top: 4px;
margin-top: 5px;
z-index: 5 !important;
}
body .ui-datepicker {

View file

@ -267,7 +267,6 @@ window.BackendCalendarTableView = window.BackendCalendarTableView || {};
}
];
GeneralFunctions.displayMessageBox(EALang.delete_appointment_title,
EALang.write_appointment_removal_reason, buttons);
@ -318,7 +317,7 @@ window.BackendCalendarTableView = window.BackendCalendarTableView || {};
.appendTo('#calendar');
$('<button/>', {
'class': 'btn btn-xs btn-light previous',
'class': 'btn btn-xs btn-light previous mr-2',
'html': [
$('<span/>', {
'class': 'fas fa-chevron-left'
@ -329,7 +328,7 @@ window.BackendCalendarTableView = window.BackendCalendarTableView || {};
$('<input/>', {
'type': 'text',
'class': 'form-control d-inline-block select-date',
'class': 'form-control d-inline-block select-date mr-2',
'value': GeneralFunctions.formatDate(new Date(), GlobalVariables.dateFormat)
})
.appendTo($calendarHeader);