@vuetify/nightly
Version:
Vue Material Component Framework
64 lines (63 loc) • 1.43 kB
CSS
.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;
}