From d0aa34c58658d96f831385ba16034ba1e959fb73 Mon Sep 17 00:00:00 2001 From: Shi Yao Wang Date: Fri, 26 Aug 2022 17:26:05 -0400 Subject: [PATCH] Bug 17015: DatePicker/TimePicker to Flatpickr Changed all datepicker/timepicker to flatpickr + some small fixes --- koha-tmpl/intranet-tmpl/prog/css/calendar.css | 2 +- .../prog/css/discretecalendar.css | 213 ------------------ .../en/modules/tools/discrete_calendar.tt | 144 ++++++------ 3 files changed, 74 insertions(+), 285 deletions(-) delete mode 100644 koha-tmpl/intranet-tmpl/prog/css/discretecalendar.css diff --git a/koha-tmpl/intranet-tmpl/prog/css/calendar.css b/koha-tmpl/intranet-tmpl/prog/css/calendar.css index ddef40d731..50e7e6281a 100644 --- a/koha-tmpl/intranet-tmpl/prog/css/calendar.css +++ b/koha-tmpl/intranet-tmpl/prog/css/calendar.css @@ -6,4 +6,4 @@ /*! /*rtl:begin:ignore*/right:0 /*! - /*rtl:end:ignore*/}.flatpickr-months .flatpickr-next-month:hover,.flatpickr-months .flatpickr-prev-month:hover{color:#538200}.flatpickr-months .flatpickr-next-month:hover svg,.flatpickr-months .flatpickr-prev-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-next-month svg,.flatpickr-months .flatpickr-prev-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-next-month svg path,.flatpickr-months .flatpickr-prev-month svg path{transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-inner-spin-button,.numInputWrapper input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:25px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(0,0,0,.15);box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,.1)}.numInputWrapper span:active{background:rgba(0,0,0,.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(0,0,0,.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(0,0,0,.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,.5)}.numInputWrapper:hover{background:rgba(0,0,0,.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0;line-height:1;height:34px;display:inline-block;text-align:center;transform:translateZ(0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,.05)}.flatpickr-current-month .numInputWrapper{width:8ch;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,.9)}.flatpickr-current-month input.cur-year{background:transparent;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;charset=utf8,%3csvg fill="%23000000" fill-opacity="0.54" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M7 10l5 5 5-5z"/%3e%3cpath d="M0 0h24v24H0z" fill="none"/%3e%3c/svg%3e');background-position:100% 50%;background-repeat:no-repeat;background-size:24px 24px;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:90%;font-family:inherit;font-weight:300;height:auto;line-height:120%;margin:-1px 0 0;outline:none;padding:4px 28px 4px 4px;position:relative;vertical-align:initial;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:active,.flatpickr-current-month .flatpickr-monthDropdown-months:focus{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,.54);line-height:1;margin:0;text-align:center;display:block;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;width:350.625px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:350.625px;min-width:350.625px;max-width:350.625px;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-around;transform:translateZ(0);opacity:1}.dayContainer+.dayContainer{box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:#000;cursor:pointer;font-weight:400;width:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:45px;height:45px;line-height:45px;margin:0;display:inline-block;position:relative;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.today.inRange,.flatpickr-day:focus,.flatpickr-day:hover{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#538200}.flatpickr-day.today:focus,.flatpickr-day.today:hover{border-color:#538200;background:#538200;color:#fff}.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover{background:#fff4c6;box-shadow:none;color:#000;border-color:#fff4c6}.flatpickr-day.endRange.startRange,.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.endRange.endRange,.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 0 #fff4c6}.flatpickr-day.endRange.startRange.endRange,.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.prevMonthDay{color:rgba(0,0,0,.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(0,0,0,.1)}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 0 #fff4c6,5px 0 0 #fff4c6}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(0,0,0,.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-ms-flexbox;display:flex;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;box-sizing:border-box;overflow:hidden;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#000}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#000}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#000;font-size:14px;position:relative;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator{height:inherit;float:left;line-height:inherit;color:#000;font-weight:700;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time .flatpickr-am-pm:focus,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time input:hover{background:#eee}.flatpickr-input{background-repeat:no-repeat;background-position:3px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23369' class='bi bi-calendar3'%3E%3Cg stroke-width='1.333'%3E%3Cpath d='M10.5 0h-9A1.5 1.5 0 0 0 0 1.5v9A1.5 1.5 0 0 0 1.5 12h9a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 10.5 0zM.75 2.893c0-.355.336-.643.75-.643h9c.414 0 .75.288.75.643v7.714c0 .355-.336.643-.75.643h-9c-.414 0-.75-.288-.75-.643z'/%3E%3Cpath d='M4.875 5.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zM2.625 7.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm-6.75 2.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5z'/%3E%3C/g%3E%3C/svg%3E");border-style:inset;border-width:1px;padding:3px 3px 3px 20px;width:calc(100% - 40px)}.flatpickr-input:focus{border-radius:0}.flatpickr-input[readonly]{cursor:pointer}.flatpickr-day{border-radius:0}.flatpickr_wrapper{white-space:nowrap}.shortcut-buttons-flatpickr-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:5px}.shortcut-buttons-flatpickr-wrapper .shortcut-buttons-flatpickr-label{-ms-flex-line-pack:center;align-content:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;padding:0 5px}.shortcut-buttons-flatpickr-wrapper .shortcut-buttons-flatpickr-buttons{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.shortcut-buttons-flatpickr-wrapper .shortcut-buttons-flatpickr-buttons .shortcut-buttons-flatpickr-button{background:transparent none;border:0;color:#006100;font-size:90%;margin:2px}.shortcut-buttons-flatpickr-wrapper .shortcut-buttons-flatpickr-buttons .shortcut-buttons-flatpickr-button:active{box-shadow:none}.shortcut-buttons-flatpickr-wrapper .shortcut-buttons-flatpickr-buttons .shortcut-buttons-flatpickr-button:disabled,.shortcut-buttons-flatpickr-wrapper .shortcut-buttons-flatpickr-buttons .shortcut-buttons-flatpickr-button:disabled:hover{color:#999}.shortcut-buttons-flatpickr-wrapper .shortcut-buttons-flatpickr-buttons .shortcut-buttons-flatpickr-button:hover{text-decoration:underline}.controls{display:block;padding:3px 0}.key{line-height:230%;padding:3px;white-space:nowrap}.key.exception{background-color:#b3d4ff}.key.holiday{background-color:#ffaeae}.key.repeatableweekly{background-color:#ff9}.key.repeatableyearly{background-color:#fc6}.flatpickr-day.selected{background-color:#b9db88;border:0}.flatpickr-day.exception{background-color:#b3d4ff}.flatpickr-day.exception.selected{border:3px solid #b9db88}.flatpickr-day.holiday{background-color:#ffaeae}.flatpickr-day.holiday.selected{border:3px solid #b9db88}.flatpickr-day.repeatableweekly{background-color:#ff9}.flatpickr-day.repeatableweekly.selected{border:3px solid #b9db88}.flatpickr-day.repeatableyearly{background-color:#fc6}.flatpickr-day.repeatableyearly.selected{border:3px solid #b9db88}#holidayexceptions th.exception{background-color:#b3d4ff}#holidaysunique th.holiday{background-color:#ffaeae}#holidaysunique th.holiday.selected{border:2px solid #fff4c6}#holidayweeklyrepeatable th.repeatableweekly{background-color:#ff9}#holidaysyearlyrepeatable th.repeatableyearly{background-color:#fc6}.panel{border:1px solid #8ac363;box-shadow:none;padding:0;display:none;margin:1em 0;z-index:1}fieldset.brief{border:0;border-radius:4px;margin:0}#showHoliday{margin:.5em 0}fieldset.brief ol{font-size:100%}fieldset.brief li,fieldset.brief li.radio{padding:.2em 0}#holidayexceptions,#holidaysunique,#holidaysyearlyrepeatable,#holidayweeklyrepeatable{font-size:90%;margin-bottom:1em}#calendar-container{margin:1em 0}#calendar-anchor{display:none}.flatpickr-calendar{border-radius:0;border:1px solid #8ac363;box-shadow:none}.dayContainer{gap:3px} \ No newline at end of file + /*rtl:end:ignore*/}.flatpickr-months .flatpickr-next-month:hover,.flatpickr-months .flatpickr-prev-month:hover{color:#538200}.flatpickr-months .flatpickr-next-month:hover svg,.flatpickr-months .flatpickr-prev-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-next-month svg,.flatpickr-months .flatpickr-prev-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-next-month svg path,.flatpickr-months .flatpickr-prev-month svg path{transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-inner-spin-button,.numInputWrapper input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:25px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(0,0,0,.15);box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,.1)}.numInputWrapper span:active{background:rgba(0,0,0,.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(0,0,0,.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(0,0,0,.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,.5)}.numInputWrapper:hover{background:rgba(0,0,0,.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0;line-height:1;height:34px;display:inline-block;text-align:center;transform:translateZ(0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,.05)}.flatpickr-current-month .numInputWrapper{width:8ch;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,.9)}.flatpickr-current-month input.cur-year{background:transparent;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;charset=utf8,%3csvg fill="%23000000" fill-opacity="0.54" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M7 10l5 5 5-5z"/%3e%3cpath d="M0 0h24v24H0z" fill="none"/%3e%3c/svg%3e');background-position:100% 50%;background-repeat:no-repeat;background-size:24px 24px;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:90%;font-family:inherit;font-weight:300;height:auto;line-height:120%;margin:-1px 0 0;outline:none;padding:4px 28px 4px 4px;position:relative;vertical-align:initial;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:active,.flatpickr-current-month .flatpickr-monthDropdown-months:focus{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,.54);line-height:1;margin:0;text-align:center;display:block;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;width:350.625px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:350.625px;min-width:350.625px;max-width:350.625px;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-around;transform:translateZ(0);opacity:1}.dayContainer+.dayContainer{box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:#000;cursor:pointer;font-weight:400;width:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:45px;height:45px;line-height:45px;margin:0;display:inline-block;position:relative;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.today.inRange,.flatpickr-day:focus,.flatpickr-day:hover{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#538200}.flatpickr-day.today:focus,.flatpickr-day.today:hover{border-color:#538200;background:#538200;color:#fff}.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover{background:#fff4c6;box-shadow:none;color:#000;border-color:#fff4c6}.flatpickr-day.endRange.startRange,.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.endRange.endRange,.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 0 #fff4c6}.flatpickr-day.endRange.startRange.endRange,.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.prevMonthDay{color:rgba(0,0,0,.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(0,0,0,.1)}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 0 #fff4c6,5px 0 0 #fff4c6}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(0,0,0,.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-ms-flexbox;display:flex;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;box-sizing:border-box;overflow:hidden;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#000}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#000}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#000;font-size:14px;position:relative;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator{height:inherit;float:left;line-height:inherit;color:#000;font-weight:700;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time .flatpickr-am-pm:focus,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time input:hover{background:#eee}.flatpickr-input{background-repeat:no-repeat;background-position:3px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23369' class='bi bi-calendar3'%3E%3Cg stroke-width='1.333'%3E%3Cpath d='M10.5 0h-9A1.5 1.5 0 0 0 0 1.5v9A1.5 1.5 0 0 0 1.5 12h9a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 10.5 0zM.75 2.893c0-.355.336-.643.75-.643h9c.414 0 .75.288.75.643v7.714c0 .355-.336.643-.75.643h-9c-.414 0-.75-.288-.75-.643z'/%3E%3Cpath d='M4.875 5.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zM2.625 7.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm-6.75 2.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm2.25 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5z'/%3E%3C/g%3E%3C/svg%3E");border-style:inset;border-width:1px;padding:3px 3px 3px 20px;width:calc(100% - 40px)}.flatpickr-input:focus{border-radius:0}.flatpickr-input[readonly]{cursor:pointer}.flatpickr-day{border-radius:0}.flatpickr_wrapper{white-space:nowrap}.shortcut-buttons-flatpickr-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:5px}.shortcut-buttons-flatpickr-wrapper .shortcut-buttons-flatpickr-label{-ms-flex-line-pack:center;align-content:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;padding:0 5px}.shortcut-buttons-flatpickr-wrapper .shortcut-buttons-flatpickr-buttons{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.shortcut-buttons-flatpickr-wrapper .shortcut-buttons-flatpickr-buttons .shortcut-buttons-flatpickr-button{background:transparent none;border:0;color:#006100;font-size:90%;margin:2px}.shortcut-buttons-flatpickr-wrapper .shortcut-buttons-flatpickr-buttons .shortcut-buttons-flatpickr-button:active{box-shadow:none}.shortcut-buttons-flatpickr-wrapper .shortcut-buttons-flatpickr-buttons .shortcut-buttons-flatpickr-button:disabled,.shortcut-buttons-flatpickr-wrapper .shortcut-buttons-flatpickr-buttons .shortcut-buttons-flatpickr-button:disabled:hover{color:#999}.shortcut-buttons-flatpickr-wrapper .shortcut-buttons-flatpickr-buttons .shortcut-buttons-flatpickr-button:hover{text-decoration:underline}.controls{display:block;padding:3px 0}.key{line-height:230%;padding:3px;white-space:nowrap}.key.normalday{background-color:#f4f8f9}.key.exception{background-color:#b3d4ff}.key.float{background-color:#6f3}.key.holiday{background-color:#ffaeae}.key.repeatableweekly{background-color:#ff9}.key.repeatableyearly{background-color:#fc6}.flatpickr-day.selected{background-color:#b9db88;border:0}.flatpickr-day.past-date{background-color:#e6e6e6}.flatpickr-day.past-date.selected{border:3px solid #b9db88}.flatpickr-day.normalday{background-color:#f4f8f9}.flatpickr-day.normalday.selected{border:3px solid #b9db88}.flatpickr-day.exception{background-color:#b3d4ff}.flatpickr-day.exception.selected{border:3px solid #b9db88}.flatpickr-day.float{background-color:#6f3}.flatpickr-day.float.selected{border:3px solid #b9db88}.flatpickr-day.holiday{background-color:#ffaeae}.flatpickr-day.holiday.selected{border:3px solid #b9db88}.flatpickr-day.repeatableweekly{background-color:#ff9}.flatpickr-day.repeatableweekly.selected{border:3px solid #b9db88}.flatpickr-day.repeatableyearly{background-color:#fc6}.flatpickr-day.repeatableyearly.selected{border:3px solid #b9db88}#holidayexceptions th.exception{background-color:#b3d4ff}#holidaysfloat th.float{background-color:#6f3}#holidaysunique th.holiday{background-color:#ffaeae}#holidaysunique th.holiday.selected{border:2px solid #fff4c6}#holidayweeklyrepeatable th.repeatableweekly{background-color:#ff9}#holidaysyearlyrepeatable th.repeatableyearly{background-color:#fc6}.panel{border:1px solid #8ac363;box-shadow:none;padding:0;display:none;margin:1em 0;z-index:1}fieldset.brief{border:0;border-radius:4px;margin:0}#showHoliday{margin:.5em 0}fieldset.brief ol{font-size:100%}fieldset.brief li,fieldset.brief li.radio{padding:.2em 0}#holidayexceptions,#holidaysunique,#holidaysyearlyrepeatable,#holidayweeklyrepeatable{font-size:90%;margin-bottom:1em}#calendar-container{margin:1em 0}#calendar-anchor{display:none}.flatpickr-calendar{border-radius:0;border:1px solid #8ac363;box-shadow:none}.dayContainer{gap:3px} diff --git a/koha-tmpl/intranet-tmpl/prog/css/discretecalendar.css b/koha-tmpl/intranet-tmpl/prog/css/discretecalendar.css deleted file mode 100644 index 1be90a5959..0000000000 --- a/koha-tmpl/intranet-tmpl/prog/css/discretecalendar.css +++ /dev/null @@ -1,213 +0,0 @@ -#jcalendar-container .ui-datepicker { - float: left; - font-size: 185%; -} - -#holidayweeklyrepeatable, -#holidaysyearlyrepeatable, -#holidaysunique, -#holidayexceptions { - font-size: 90%; - margin-bottom: 1em; -} - -#showHoliday { - margin: .5em 0; -} - -.key { - padding: 3px; - white-space: nowrap; - line-height: 230%; -} - -.ui-datepicker { - font-size: 150%; -} - -.ui-datepicker th, -.ui-datepicker .ui-datepicker-title select { - font-size: 80%; -} - -.ui-datepicker td a { - padding: .5em; -} - -.ui-datepicker td span { - padding: .5em; - border: 1px solid #BCBCBC; -} - -.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { - font-size: 80%; -} - -.key { - padding: 3px; - white-space: nowrap; - line-height: 230%; -} - -.normalday { - background-color: #EDEDED; - color: #000; - border: 1px solid #BCBCBC; -} - -.ui-datepicker-unselectable { - padding: .5em; - white-space: nowrap; -} - -.ui-state-disabled { - padding: .5em; - white-space: nowrap; -} - -.exception { - background-color: #b3d4ff; - color: #000; - border: 1px solid #BCBCBC; -} - -.past-date { - background-color: #e6e6e6; - color: #555; - border: 1px solid #BCBCBC; -} - -td.past-date a.ui-state-default { - background: #e6e6e6; - color: #555; -} - -.float { - background-color: #6f3; - color: #000; - border: 1px solid #BCBCBC; -} - -.holiday { - background-color: #ffaeae; - color: #000; - border: 1px solid #BCBCBC; -} - -.repeatableweekly { - background-color: #FF9; - color: #000; - border: 1px solid #BCBCBC; -} - -.repeatableyearly { - background-color: #FC6; - color: #000; - border: 1px solid #BCBCBC; -} - -td.exception a.ui-state-default { - background: #b3d4ff none; - color: #000; - border: 1px solid #BCBCBC; -} - -td.float a.ui-state-default { - background: #6f3 none; - color: #000; - border: 1px solid #BCBCBC; -} - -td.holiday a.ui-state-default { - background: #ffaeae none; - color: #000; - border: 1px solid #BCBCBC; -} - -td.repeatableweekly a.ui-state-default { - background: #FF9 none; - color: #000; - border: 1px solid #BCBCBC; -} - -td.repeatableyearly a.ui-state-default { - background: #FC6 none; - color: #000; - border: 1px solid #BCBCBC; -} - -.information { - background-color: #DCD2F1; - width: 300px; - display: none; - border: 1px solid #000; - color: #000; - font-size: 8pt; - font-weight: 700; - background-color: #FFD700; - cursor: pointer; - padding: 2px; -} - -.panel { - z-index: 1; - display: none; - float: left; - border: 3px solid #CCC; - padding: 3px; - margin-top: .3em; - margin-left: 15px; - background-color: #FEFEFE; -} - -fieldset.brief { - border: 0; - margin: 0; -} - -h1 select { - width: 20em; -} - -fieldset.brief ol { - font-size: 100%; -} - -fieldset.brief li, -fieldset.brief li.radio { - padding: .2em 0; -} - -.CopyDatePanel { - margin-left: 15px; -} - -.help { - margin: .3em 0; - border: 1px solid #EEE; - padding: .3em .7em; - font-size: 90%; -} - -.calendar td, -.calendar th, -.calendar .button, -.calendar tbody .day { - padding: .7em; - font-size: 110%; -} - -.calendar { - width: auto; - border: 0; -} - -.copyHoliday form li { - display: table-row; -} - -.copyHoliday form li b, -.copyHoliday form li input { - display: table-cell; - margin-bottom: 2px; -} \ No newline at end of file diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/tools/discrete_calendar.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/tools/discrete_calendar.tt index 4169af3d69..3918ac0205 100644 --- a/koha-tmpl/intranet-tmpl/prog/en/modules/tools/discrete_calendar.tt +++ b/koha-tmpl/intranet-tmpl/prog/en/modules/tools/discrete_calendar.tt @@ -5,7 +5,7 @@ [% INCLUDE 'doc-head-open.inc' %] [% Branches.GetName( branch ) | html %] calendar; Tools › Koha &rsaquo [% INCLUDE 'doc-head-close.inc' %] -[% Asset.css("css/discretecalendar.css") | $raw %] +[% Asset.css("css/calendar.css") | $raw %] @@ -80,7 +80,7 @@

Calendar information

-
+
@@ -110,7 +110,7 @@
  • To date: - +
  • @@ -162,9 +162,9 @@
  • - + - +
  • @@ -214,11 +214,11 @@
    [% IF ( NEED_VALIDATION_HOLIDAYS ) %]

    Need validation holidays

    - +
    - - + + @@ -302,7 +302,7 @@ [% IF ( FLOAT_HOLIDAYS ) %]

    Floating holidays

    -
    DateTitleDateTitle
    +
    @@ -336,7 +336,6 @@ [% MACRO jsinclude BLOCK %] [% INCLUDE 'calendar.inc' %] [% INCLUDE 'datatables.inc' %] - [% Asset.js("lib/jquery/plugins/jquery-ui-timepicker-addon.min.js") | $raw %] [% Asset.js("js/tools-menu.js") | $raw %]
    Date