.v-calendar-weekly { width: 100%; height: 100%; display: flex; flex-direction: column; min-height: 0; background-color: #fff; } .v-calendar__container { border-top: thin solid #e0e0e0; border-left: thin solid #e0e0e0; border-right: thin solid #e0e0e0; } .v-calendar-weekly__head { display: grid; grid-template-columns: 24px repeat(7, 1fr); user-select: none; } .v-calendar-weekly__head.days__0 { grid-template-columns: 1fr; } .v-calendar-weekly__head.days__0.v-calendar-weekly__head-weeknumbers { grid-template-columns: 24px 1fr; } .v-calendar-weekly__head.days__1 { grid-template-columns: 1fr; } .v-calendar-weekly__head.days__1.v-calendar-weekly__head-weeknumbers { grid-template-columns: 24px 1fr; } .v-calendar-weekly__head.days__2 { grid-template-columns: repeat(2, 1fr); } .v-calendar-weekly__head.days__2.v-calendar-weekly__head-weeknumbers { grid-template-columns: 24px repeat(2, 1fr); } .v-calendar-weekly__head.days__3 { grid-template-columns: repeat(3, 1fr); } .v-calendar-weekly__head.days__3.v-calendar-weekly__head-weeknumbers { grid-template-columns: 24px repeat(3, 1fr); } .v-calendar-weekly__head.days__4 { grid-template-columns: repeat(4, 1fr); } .v-calendar-weekly__head.days__4.v-calendar-weekly__head-weeknumbers { grid-template-columns: 24px repeat(4, 1fr); } .v-calendar-weekly__head.days__5 { grid-template-columns: repeat(5, 1fr); } .v-calendar-weekly__head.days__5.v-calendar-weekly__head-weeknumbers { grid-template-columns: 24px repeat(5, 1fr); } .v-calendar-weekly__head.days__6 { grid-template-columns: repeat(6, 1fr); } .v-calendar-weekly__head.days__6.v-calendar-weekly__head-weeknumbers { grid-template-columns: 24px repeat(6, 1fr); } .v-calendar-weekly__head.days__7 { grid-template-columns: repeat(7, 1fr); } .v-calendar-weekly__head.days__7.v-calendar-weekly__head-weeknumbers { grid-template-columns: 24px repeat(7, 1fr); } .v-calendar-weekly__head-weekday, .v-calendar-weekly__head-weekday-with-weeknumber { flex: 1 0 20px; user-select: none; padding: 8px 4px 0px 4px; font-size: 11px; overflow: hidden; text-align: center; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; border-right: thin solid #e0e0e0; } .v-calendar-weekly__head-weekday:last-child, .v-calendar-weekly__head-weekday-with-weeknumber:last-child { border-right: none; } .v-calendar-weekly__head-weekday > div .v-btn, .v-calendar-weekly__head-weekday-with-weeknumber > div .v-btn { font-size: 1.5rem; } .v-calendar-weekly__head-weeknumber { background: rgb(var(--v-theme-surface-light)); color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity)); } .v-calendar-weekly__week { display: flex; flex: 1; height: unset; min-height: 0; } .v-calendar-month__weeknumber { padding-top: 6px; background: rgb(var(--v-theme-surface-light)); border-bottom: thin solid #e0e0e0; color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity)); text-align: center; font-size: 12px; font-weight: 500; } .v-calendar-month__days { display: grid; flex: 1 1; } .v-calendar-month__days > .v-calendar-month__day { min-height: 150px; } .v-calendar-month__days.days__0 { grid-template-columns: 1fr; } .v-calendar-month__days.days__0 > .v-calendar-month__day { border-right: none; } .v-calendar-month__days.days__1 { grid-template-columns: 1fr; } .v-calendar-month__days.days__1 > .v-calendar-month__day { border-right: none; } .v-calendar-month__days.days__2 { grid-template-columns: repeat(2, 1fr); } .v-calendar-month__days.days__2 > .v-calendar-month__day:nth-child(2n) { border-right: none; } .v-calendar-month__days.days__3 { grid-template-columns: repeat(3, 1fr); } .v-calendar-month__days.days__3 > .v-calendar-month__day:nth-child(3n) { border-right: none; } .v-calendar-month__days.days__4 { grid-template-columns: repeat(4, 1fr); } .v-calendar-month__days.days__4 > .v-calendar-month__day:nth-child(4n) { border-right: none; } .v-calendar-month__days.days__5 { grid-template-columns: repeat(5, 1fr); } .v-calendar-month__days.days__5 > .v-calendar-month__day:nth-child(5n) { border-right: none; } .v-calendar-month__days.days__6 { grid-template-columns: repeat(6, 1fr); } .v-calendar-month__days.days__6 > .v-calendar-month__day:nth-child(6n) { border-right: none; } .v-calendar-month__days.days__6.v-calendar-month__weeknumbers { grid-template-columns: 24px repeat(6, 1fr); } .v-calendar-month__days.days__7 { grid-template-columns: repeat(7, 1fr); } .v-calendar-month__days.days__7 > .v-calendar-month__day:nth-child(7n) { border-right: none; } .v-calendar-month__days.days-with-weeknumbers__0 { grid-template-columns: 24px 1fr; } .v-calendar-month__days.days-with-weeknumbers__0 > .v-calendar-month__day { border-right: none; } .v-calendar-month__days.days-with-weeknumbers__1 { grid-template-columns: 24px 1fr; } .v-calendar-month__days.days-with-weeknumbers__1 > .v-calendar-month__day { border-right: none; } .v-calendar-month__days.days-with-weeknumbers__2 { grid-template-columns: 24px repeat(2, 1fr); } .v-calendar-month__days.days-with-weeknumbers__2 > .v-calendar-month__day:nth-child(3n) { border-right: none; } .v-calendar-month__days.days-with-weeknumbers__3 { grid-template-columns: 24px repeat(3, 1fr); } .v-calendar-month__days.days-with-weeknumbers__3 > .v-calendar-month__day:nth-child(4n) { border-right: none; } .v-calendar-month__days.days-with-weeknumbers__4 { grid-template-columns: 24px repeat(4, 1fr); } .v-calendar-month__days.days-with-weeknumbers__4 > .v-calendar-month__day:nth-child(5n) { border-right: none; } .v-calendar-month__days.days-with-weeknumbers__5 { grid-template-columns: 24px repeat(5, 1fr); } .v-calendar-month__days.days-with-weeknumbers__5 > .v-calendar-month__day:nth-child(6n) { border-right: none; } .v-calendar-month__days.days-with-weeknumbers__6 { grid-template-columns: 24px repeat(6, 1fr); } .v-calendar-month__days.days-with-weeknumbers__6 > .v-calendar-month__day:nth-child(7n) { border-right: none; } .v-calendar-month__days.days-with-weeknumbers__7 { grid-template-columns: 24px repeat(7, 1fr); } .v-calendar-month__days.days-with-weeknumbers__7 > .v-calendar-month__day:nth-child(7n) { border-right: thin solid thin; } .v-calendar-month__days.days-with-weeknumbers__7 > .v-calendar-month__day:nth-child(8n) { border-right: none; } .v-calendar-month__days.days-with-weeknumbers__7 > .v-calendar-month__day:nth-child(8n) { border-right: none; }