- {{ arg.event.title }}
+ {{ calendarEvent.title }}
-
+
- {{ t('calendar.episode', { number: arg.event.extendedProps.subtitle }) }}
+ {{ t('calendar.episode', { number: calendarEvent.subtitle }) }}
-
+
-
- {{ getLibraryStateText(arg.event.extendedProps.libraryState) }}
+
+ {{ getLibraryStateText(calendarEvent.libraryState) }}
{{
t('calendar.libraryProgress', {
- completed: arg.event.extendedProps.libraryEpisode,
- total: arg.event.extendedProps.totalEpisode,
+ completed: calendarEvent.libraryEpisode,
+ total: calendarEvent.totalEpisode,
})
}}
-
+
- {{ t('calendar.libraryUpdatedAtShort', { time: arg.event.extendedProps.libraryUpdateText }) }}
+ {{ t('calendar.libraryUpdatedAtShort', { time: calendarEvent.libraryUpdateText }) }}
-
-
-
-
-
-
-
-
-
-
-
-
- {{ arg.event.extendedProps.subtitle }}
-
-
+
+
+{{ arg.event.extendedProps.hiddenEventCount }}
+
@@ -679,6 +797,38 @@ onActivated(() => {
overflow: hidden;
}
+.calendar-day-events {
+ display: flex;
+ flex-direction: column;
+ gap: 0.3rem;
+ inline-size: 100%;
+}
+
+.calendar-expand-card {
+ display: flex;
+ gap: 0.35rem;
+ align-items: center;
+ justify-content: center;
+ min-block-size: 2.1rem;
+ border: 1px dashed rgba(var(--v-theme-primary), 0.44);
+ border-radius: 8px;
+ background: rgba(var(--v-theme-primary), 0.08);
+ color: rgb(var(--v-theme-primary));
+ cursor: pointer;
+ font-size: 0.78rem;
+ font-weight: 700;
+ inline-size: 100%;
+ padding: 0;
+}
+
+.calendar-expand-card:hover {
+ background: rgba(var(--v-theme-primary), 0.14);
+}
+
+.calendar-expand-count {
+ line-height: 1;
+}
+
.calendar-event-poster {
position: relative;
flex: 0 0 56px;
@@ -828,10 +978,27 @@ onActivated(() => {
}
@media (width <= 1279px) {
+ .calendar-day-events {
+ align-items: center;
+ }
+
+ .calendar-event-card,
.fc-daygrid-event-harness {
display: flex;
align-items: center;
justify-content: center;
}
+
+ .calendar-expand-card {
+ flex-direction: column;
+ gap: 0.12rem;
+ min-block-size: 0;
+ block-size: clamp(60px, 8.7vw, 96px);
+ inline-size: clamp(40px, 5.8vw, 64px);
+ }
+
+ .calendar-expand-count {
+ font-size: 0.68rem;
+ }
}