VCalendarMonthDay.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. .v-calendar-month__day {
  2. position: relative;
  3. display: flex;
  4. flex-direction: column;
  5. min-width: 0;
  6. min-height: 150px;
  7. border-right: thin solid #e0e0e0;
  8. border-bottom: thin solid #e0e0e0;
  9. flex: 1 1 auto;
  10. border-inline-end: thin solid #e0e0e0;
  11. }
  12. .v-calendar-weekly__day {
  13. flex: 1;
  14. width: 0;
  15. overflow: hidden;
  16. user-select: none;
  17. position: relative;
  18. padding: 0px 0px 0px 0px;
  19. min-width: 0;
  20. min-height: 150px;
  21. border-right: thin solid #e0e0e0;
  22. border-bottom: thin solid #e0e0e0;
  23. flex: 1 1 auto;
  24. border-inline-end: thin solid #e0e0e0;
  25. text-align: center;
  26. }
  27. .v-calendar-weekly__day.v-present .v-calendar-weekly__day-month {
  28. color: currentColor;
  29. }
  30. .v-calendar-weekly__day-label {
  31. text-decoration: none;
  32. user-select: none;
  33. cursor: pointer;
  34. box-shadow: none;
  35. text-align: center;
  36. }
  37. .v-calendar-weekly__day-label .v-btn {
  38. font-size: 12px;
  39. text-transform: none !important;
  40. }
  41. .v-calendar-weekly__day-label .v-btn.v-calendar-weekly__day-label__today {
  42. background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
  43. color: rgb(var(--v-theme-on-surface-variant));
  44. }
  45. .v-calendar-weekly__day-month {
  46. position: absolute;
  47. text-decoration: none;
  48. user-select: none;
  49. box-shadow: none;
  50. top: 0;
  51. left: 36px;
  52. height: 32px;
  53. line-height: 32px;
  54. }
  55. .v-calendar-weekly__day-alldayevents-container {
  56. min-height: 24px;
  57. }