mirrors/easyappointments
1
0
Fork 1
mirror of https://github.com/alextselegidis/easyappointments.git synced 2024-11-25 09:23:08 +03:00
Code Issues Projects Releases Packages Wiki Activity

Styling for the table view calendar header row.

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

40
assets/css/backend.css
View file

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

3
assets/css/general.css
View file

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

5
assets/js/backend_calendar_table_view.js
View file

@ -267,7 +267,6 @@ 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);
@ -318,7 +317,7 @@ window.BackendCalendarTableView = window.BackendCalendarTableView || {};
.appendTo('#calendar'); .appendTo('#calendar');
$('<button/>', { $('<button/>', {
'class': 'btn btn-xs btn-light previous', 'class': 'btn btn-xs btn-light previous mr-2',
'html': [ 'html': [
$('<span/>', { $('<span/>', {
'class': 'fas fa-chevron-left' 'class': 'fas fa-chevron-left'
@ -329,7 +328,7 @@ window.BackendCalendarTableView = window.BackendCalendarTableView || {};
$('<input/>', { $('<input/>', {
'type': 'text', '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) 'value': GeneralFunctions.formatDate(new Date(), GlobalVariables.dateFormat)
}) })
.appendTo($calendarHeader); .appendTo($calendarHeader);