diff --git a/public/css/Cis4/CoreCalendarEvents.css b/public/css/Cis4/CoreCalendarEvents.css index 1611ac123..fd418a9f8 100644 --- a/public/css/Cis4/CoreCalendarEvents.css +++ b/public/css/Cis4/CoreCalendarEvents.css @@ -46,7 +46,9 @@ flex-direction: column; column-gap: 5px; overflow-y: scroll; - min-height:0; + height: 100%; + min-height:auto; + justify-content: space-evenly; } diff --git a/public/js/components/Calendar/Header.js b/public/js/components/Calendar/Header.js index 5ee3d51e7..c1b53d9c8 100644 --- a/public/js/components/Calendar/Header.js +++ b/public/js/components/Calendar/Header.js @@ -27,13 +27,39 @@ export default { 'next', 'click' ], + methods:{ + modeAriaLabelText(mode) { + switch (mode.toLowerCase()) { + case "day": return this.$p.t('LvPlan', 'modeDay'); + case "week": return this.$p.t('LvPlan', 'modeWeek'); + case "month": return this.$p.t('LvPlan', 'modeMonth'); + } + }, + }, computed: { getHeaderClassSide() { return this.containerWidth > 780 ? 'col-3' : 'col-12' }, getHeaderClassMiddle() { return this.containerWidth > 780 ? 'col-6' : 'col-12' - } + }, + previousButtonAriaLabelText(){ + switch(this.mode.toLowerCase()){ + case "day": return this.$p.t('LvPlan', 'previousDay'); + case "week": return this.$p.t('LvPlan', 'previousWeek'); + case "weeks": return this.$p.t('LvPlan', 'previousYear'); + case "month": return this.$p.t('LvPlan', 'previousMonth'); + } + }, + nextButtonAriaLabelText() { + switch (this.mode.toLowerCase()) { + case "day": return this.$p.t('LvPlan', 'nextDay'); + case "week": return this.$p.t('LvPlan', 'nextWeek'); + case "weeks": return this.$p.t('LvPlan', 'nextYear'); + case "month": return this.$p.t('LvPlan', 'nextMonth'); + } + }, + }, template: /*html*/`