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

CSS improvements to the calendar page.

This commit is contained in:
Alex Tselegidis 2023-03-01 08:21:35 +01:00
parent a04364adcd
commit e2d43a25bb
1 changed files with 61 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
assets/css/layouts/backend_layout.scss
View File

@ -338,6 +338,32 @@ body legend {
font-size: 15.2px; font-size: 15.2px;
} }
#select-filter-item {
margin-bottom: 10px;
}
#calendar .fc-header-toolbar {
display: block ;
/*text-align: center;*/
}
#calendar .fc-header-toolbar .fc-toolbar-chunk {
margin-bottom: 10px;
}
#calendar .calendar-header .select2-container {
width: 100% !important;
}
#calendar .date-column {
width: 100% !important;
}
#calendar .provider-column {
width: 100% !important;
}
#calendar-page #calendar .fc-toolbar .fc-left, #calendar-page #calendar .fc-toolbar .fc-left,
#calendar-page #calendar .fc-toolbar .fc-right { #calendar-page #calendar .fc-toolbar .fc-right {
float: none; float: none;
@ -473,7 +499,7 @@ body .form-horizontal .controls {
} }
#calendar .calendar-header input { #calendar .calendar-header input {
width: 120px; width: calc(100% - 110px);
vertical-align: middle; vertical-align: middle;
} }
@ -508,7 +534,7 @@ body .form-horizontal .controls {
#calendar .calendar-view > div { #calendar .calendar-view > div {
width: 100%; width: 100%;
min-width: 1000%; min-width: 100% !important;
overflow: auto; overflow: auto;
} }
@ -601,6 +627,39 @@ body .form-horizontal .controls {
display: inline-block; display: inline-block;
margin: 0 10px; margin: 0 10px;
} }
#calendar .calendar-header input {
width: 120px;
}
#calendar .calendar-header .flatpickr-wrapper {
width: auto;
}
#select-filter-item {
margin-bottom: 0;
}
.fc-header-toolbar {
display: flex !important;
text-align: left;
}
.fc-header-toolbar .fc-toolbar-chunk {
margin-bottom: 0;
}
#calendar .calendar-header .select2-container {
width: 300px !important;
}
#calendar .date-column {
width: auto !important;
}
#calendar .provider-column {
width: 500px !important;
}
} }
/* BACKEND CUSTOMERS PAGE /* BACKEND CUSTOMERS PAGE