UNPKG

@vuetify/nightly

Version:

Vue Material Component Framework

64 lines (63 loc) 1.43 kB
.v-calendar-events .v-event-more { background-color: rgb(var(--v-theme-surface)); color: rgb(var(--v-theme-on-surface)); } .v-calendar-events .v-event-more.v-outside { background-color: rgb(var(--v-theme-surface-light)); color: rgb(var(--v-theme-on-surface-light)); } .v-calendar .v-event { position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; cursor: pointer; line-height: 20px; margin-right: -1px; z-index: 1; border-radius: 4px; } .v-calendar .v-event-more { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; cursor: pointer; font-weight: bold; z-index: 1; position: relative; } .v-calendar .v-event-timed-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin-right: 10px; pointer-events: none; } .v-calendar .v-event-timed { position: absolute; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; cursor: pointer; border: 1px solid rgb(var(--v-theme-surface)); border-radius: 4px; pointer-events: all; } .v-calendar .v-event-summary { display: inline-block; overflow: hidden; text-overflow: ellipsis; width: 100%; white-space: nowrap; } .v-calendar.v-calendar-events .v-calendar-weekly__head-weekday { margin-right: -1px; } .v-calendar.v-calendar-events .v-calendar-weekly__day { overflow: visible; margin-right: -1px; }