diff --git a/client/src/components/Calendar/AdminMonthly.js b/client/src/components/Calendar/AdminMonthly.js index e3224551ffb4300b28662490c1d0dc2dd0177bc7..f934f14326d1c66ac4db7b068b62376699737866 100644 --- a/client/src/components/Calendar/AdminMonthly.js +++ b/client/src/components/Calendar/AdminMonthly.js @@ -93,6 +93,11 @@ const AdminMonthly = () => { const weekList = ["일", "월", "화", "수", "목", "금", "토"] return weekList[date.dow] }} + views={{ + dayGridMonth: { + dayMaxEvents: 3 + } + }} validRange={{ start: moment(initialDate).subtract(3, 'years').format('YYYY-MM[-01]'), end: moment(initialDate).add(3, 'years').add(1, 'months').format('YYYY-MM[-01]') @@ -128,6 +133,10 @@ const AdminMonthly = () => { }} timeZone="local" events={scheduleList} + eventLimit={3} + moreLinkContent={function(arg) { + return arg.shortText + }} themeSystem='bootstrap' height='78vh' /> diff --git a/client/src/components/Calendar/Monthly.js b/client/src/components/Calendar/Monthly.js index 52da44d8de6d06e318ed352fe085bc1da3bedd1e..d207abd3885eb0021fa233284e7508a3f809ea64 100644 --- a/client/src/components/Calendar/Monthly.js +++ b/client/src/components/Calendar/Monthly.js @@ -88,6 +88,11 @@ const Monthly = () => { const weekList = ["일", "월", "화", "수", "목", "금", "토"] return weekList[date.dow] }} + views={{ + dayGridMonth: { + dayMaxEvents: 3 + } + }} validRange={{ start: moment(initialDate).subtract(3, 'years').format('YYYY-MM[-01]'), end: moment(initialDate).add(3, 'years').add(1, 'months').format('YYYY-MM[-01]') @@ -120,7 +125,13 @@ const Monthly = () => { dateClick={({ dateStr }) => history.push(`/schedule/${dateStr}`)} timeZone="local" themeSystem='bootstrap' - eventLimit="3" + eventLimit={3} + moreLinkClick={function(arg) { + console.log("click..?",arg) + }} + moreLinkContent={function(arg) { + return arg.shortText + }} height='80vh' /> diff --git a/client/src/scss/custom.scss b/client/src/scss/custom.scss index 0a3291a14d239ad40224ca442667cdfb77f09e67..c2a15ebee0605438933ab49d2941a979564df790 100644 --- a/client/src/scss/custom.scss +++ b/client/src/scss/custom.scss @@ -145,6 +145,10 @@ button { color: #FF0000; } + & .fc-more-popover { + display: none; + } + & .fc-dayGridDay-view { display: none; } @@ -155,6 +159,8 @@ button { & .fc-event-title { display: block; text-overflow: ellipsis; + height: 15px; + padding: 0; } }