diff --git a/packages/nc-gui/components/smartsheet/calendar/MonthView.vue b/packages/nc-gui/components/smartsheet/calendar/MonthView.vue index 10174c8000..5d12bd7adb 100644 --- a/packages/nc-gui/components/smartsheet/calendar/MonthView.vue +++ b/packages/nc-gui/components/smartsheet/calendar/MonthView.vue @@ -177,7 +177,7 @@ const recordsToDisplay = computed<{ const top = weekIndex * perHeight + spaceBetweenRecords + (recordIndex - 1) * (perRecordHeight + 4) // The 25 is obtained from the trial and error - const heightRequired = perRecordHeight * recordIndex + spaceBetweenRecords + const heightRequired = perRecordHeight * recordIndex + spaceBetweenRecords + 13 if (heightRequired > perHeight) { style.display = 'none' @@ -284,7 +284,7 @@ const recordsToDisplay = computed<{ // If the record in 1st week and no record in that date them the top will be 0 // If the record in 1st week and 1 record in that date then the top will be perRecordHeight + spaceBetweenRecords const top = weekIndex * perHeight + spaceBetweenRecords + Math.max(maxRecordCount - 1, 0) * (perRecordHeight + 4) - const heightRequired = perRecordHeight * maxRecordCount + spaceBetweenRecords + const heightRequired = perRecordHeight * maxRecordCount + spaceBetweenRecords + 13 let position = 'rounded' // Here we are checking if the startDay is before all the dates shown in UI rather that the current month @@ -761,12 +761,12 @@ const addRecord = (date: dayjs.Dayjs) => { recordsToDisplay.count[dayjs(day).format('YYYY-MM-DD')]?.overflow && !draggingId " - class="!absolute bottom-1 right-1 text-center w-15 mx-auto z-3 text-gray-500" + class="!absolute bottom-1 right-1 text-center min-w-4.5 mx-auto z-3 text-gray-500" size="xxsmall" type="secondary" @click="viewMore(day)" > - + {{ recordsToDisplay.count[dayjs(day).format('YYYY-MM-DD')]?.overflowCount }} more + + {{ recordsToDisplay.count[dayjs(day).format('YYYY-MM-DD')]?.overflowCount }}