diff --git a/packages/vuetify/src/labs/VCalendar/VCalendarInterval.sass b/packages/vuetify/src/labs/VCalendar/VCalendarInterval.sass index ec5e63f592b..7ce0bedbb3b 100644 --- a/packages/vuetify/src/labs/VCalendar/VCalendarInterval.sass +++ b/packages/vuetify/src/labs/VCalendar/VCalendarInterval.sass @@ -33,6 +33,7 @@ border-right: $calendar-line-width solid $calendar-line-color .v-calendar-day__row-content + overflow: hidden border-bottom: $calendar-line-width solid $calendar-line-color &.v-calendar-day__row-content-through diff --git a/packages/vuetify/src/labs/VCalendar/VCalendarIntervalEvent.sass b/packages/vuetify/src/labs/VCalendar/VCalendarIntervalEvent.sass new file mode 100644 index 00000000000..de53da7d3bb --- /dev/null +++ b/packages/vuetify/src/labs/VCalendar/VCalendarIntervalEvent.sass @@ -0,0 +1,6 @@ +.v-calendar-internal-event + overflow: hidden + padding: 4px + text-overflow: ellipsis + white-space: nowrap + // width: 100% diff --git a/packages/vuetify/src/labs/VCalendar/VCalendarIntervalEvent.tsx b/packages/vuetify/src/labs/VCalendar/VCalendarIntervalEvent.tsx index b2738d8e019..99e1e6cf1b3 100644 --- a/packages/vuetify/src/labs/VCalendar/VCalendarIntervalEvent.tsx +++ b/packages/vuetify/src/labs/VCalendar/VCalendarIntervalEvent.tsx @@ -1,3 +1,6 @@ +// Styles +import './VCalendarIntervalEvent.sass' + // Components import { VSheet } from '@/components/VSheet' @@ -55,8 +58,8 @@ export const VCalendarIntervalEvent = genericComponent()({