audrius/pms
1
0
Fork 1
mirror of https://github.com/OCA/pms.git synced 2025-01-29 00:17:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

[WIP] Calendar styles

Browse Source
This commit is contained in:
Dario Lodeiros
2018-12-27 16:22:08 +01:00
parent 89576bf508
commit 30ee50aeae
2 changed files with 36 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
hotel_calendar/static/src/lib/hcalendar/css/hcalendar.css
View File

@@ -47,13 +47,30 @@
} }
#pms-menu { #pms-menu {
background-color: white; background-color: #f8f8f8;
height: 100%; height: 100%;
padding: 0 2.5em !important;
} }
#hcal_widget { #hcal_widget {
max-height: 100%; max-height: 100%;
background-color: white; }
#multicalendar_panels {
background-color: white;
border-left: 1px solid #ddd;
}
.nav-tabs > li > a {
border-radius: 0;
}
.nav-tabs {
padding-top: 4px;
}
.navbar-default {
border-color: #f8f8f8;
} }
#cal-pag-prev-plus, #cal-pag-prev, #cal-pag-selector, #cal-pag-next, #cal-pag-next-plus { #cal-pag-prev-plus, #cal-pag-prev, #cal-pag-selector, #cal-pag-next, #cal-pag-next-plus {
@@ -85,6 +102,7 @@
flex-grow: 2; flex-grow: 2;
overflow-y: scroll; overflow-y: scroll;
overflow-x: hidden; overflow-x: hidden;
font-size: 12px;
max-height: 20vh; max-height: 20vh;
} }
.table-calcs input, .table-reservations-header input { .table-calcs input, .table-reservations-header input {
@@ -96,17 +114,13 @@
text-align: center; text-align: center;
} }
.hcal-event-day {
background-color: #6ebcff !important;
}
.btn-hcal { } .btn-hcal { }
.btn-hcal.hcal-cell-current-day { .btn-hcal.hcal-cell-current-day {
background-color: #7c7bad66; background-color: #7c7bad66;
color: #654a37; color: #654a37;
} }
.btn-hcal.hcal-cell-end-week { .btn-hcal.hcal-cell-end-week {
background-color: #CBE5F8; background-color: #EDEDED83;
} }
.btn-hcal-3d { .btn-hcal-3d {
border: 1px solid #eaeaea; border: 1px solid #eaeaea;
@@ -175,7 +189,7 @@
height: 100%; height: 100%;
border-collapse: collapse !important; border-collapse: collapse !important;
border: 0 dotted #eaeaea; border: 0 dotted #eaeaea;
border-width: 2px 0; border-width: 1px 0;
} }
/*.hcal-table-day tr:first-child td{ /*.hcal-table-day tr:first-child td{
border: 1px solid #727272 !important; border: 1px solid #727272 !important;
@@ -191,21 +205,21 @@
}*/ }*/
.hcal-table-day td { .hcal-table-day td {
padding: 2px; padding: 2px;
height: 2.3em; height: 3em;
font-size: 7px; font-size: 7px;
vertical-align: middle; vertical-align: middle;
font-weight: bold; font-weight: bold;
border: 1px solid #eaeaea !important; border: 0.5px solid #eaeaea !important;
} }
.hcal-table-day td:hover:not(.hcal-cell-highlight):not(.hcal-cell-invalid) { .hcal-table-day td:hover:not(.hcal-cell-highlight):not(.hcal-cell-invalid) {
background-color: #FCFEE1 !important; background-color: #FCFEE1 !important;
} }
.hcal-cell-current-day { .hcal-cell-current-day {
background-color: #FAFFD9; background-color: #7C7BADA5;
} }
.hcal-cell-end-week { .hcal-cell-end-week {
background-color: #ECF3FF; background-color: #EDEDED83;
} }
.hcal-cell-day-selector { .hcal-cell-day-selector {
@@ -233,6 +247,7 @@
text-align: center !important; text-align: center !important;
vertical-align: middle; vertical-align: middle;
white-space: nowrap; white-space: nowrap;
font-size: 12px;
} }
.hcal-cell-month:nth-child(n+3) { .hcal-cell-month:nth-child(n+3) {
border-left-width: 2px !important; border-left-width: 2px !important;
@@ -304,6 +319,8 @@
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
z-index:8; z-index:8;
line-height: 17px !important;
vertical-align: middle !important;
} }
.hcal-reservation:hover { .hcal-reservation:hover {
background-color: #4e97bf; background-color: #4e97bf;
@@ -491,6 +508,7 @@ td.hcal-cell-room-type-group-item:last-child {
td.hcal-cell-header-day { td.hcal-cell-header-day {
padding: 0; padding: 0;
vertical-align: middle; vertical-align: middle;
font-size: 10px;
} }
td.hcal-cell-month-day-occupied { td.hcal-cell-month-day-occupied {
@@ -522,8 +540,7 @@ td.hcal-cell-month-day-occupied {
} }
.hcal-unused-zone { .hcal-unused-zone {
border: 1px solid #444; border-radius: 0px;
border-radius: 0px;
} }
.input-price { .input-price {

9
hotel_calendar/static/src/lib/hcalendar/js/hcalendar.js
View File

@@ -1785,14 +1785,15 @@ HotelCalendar.prototype = {
var etableOffset = this.etable.getBoundingClientRect(); var etableOffset = this.etable.getBoundingClientRect();
reserv._html.style.top = `${boundsInit.top-etableOffset.top}px`; reserv._html.style.top = `${boundsInit.top-etableOffset.top}px`;
var divHeight = (boundsEnd.bottom-etableOffset.top)-(boundsInit.top-etableOffset.top); var divHeight = (boundsEnd.bottom-etableOffset.top-4)-(boundsInit.top-etableOffset.top);
var fontHeight = divHeight/1.2; var fontHeight = divHeight/1.1;
if (fontHeight > 16) { fontHeight = 16; } if (fontHeight > 12) { fontHeight = 12; }
reserv._html.style.height = `${divHeight}px`; reserv._html.style.height = `${divHeight}px`;
reserv._html.style.lineHeight = `${divHeight+fontHeight/2.0}px`; reserv._html.style.lineHeight = `${divHeight+fontHeight/2.0}px`;
reserv._html.style.fontSize = `${fontHeight}px`; reserv._html.style.fontSize = `${fontHeight}px`;
reserv._html.style.left = `${boundsInit.left-etableOffset.left}px`; reserv._html.style.left = `${boundsInit.left-etableOffset.left}px`;
reserv._html.style.width = `${(boundsEnd.left-boundsInit.left)+boundsEnd.width}px`; reserv._html.style.width = `${(boundsEnd.left-boundsInit.left)+boundsEnd.width-4}px`;
reserv._html.style.margin = `${2}px`;
if (reserv._drawModes[0] === 'soft-start') { if (reserv._drawModes[0] === 'soft-start') {
reserv._html.style.borderLeftWidth = '3px'; reserv._html.style.borderLeftWidth = '3px';
reserv._html.style.borderLeftStyle = 'double'; reserv._html.style.borderLeftStyle = 'double';