main.css 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. /*!
  2. FullCalendar Day Grid Plugin v4.2.0
  3. Docs & License: https://fullcalendar.io/
  4. (c) 2019 Adam Shaw
  5. */
  6. /* DayGridView
  7. --------------------------------------------------------------------------------------------------*/
  8. /* day row structure */
  9. .fc-dayGridWeek-view .fc-content-skeleton,
  10. .fc-dayGridDay-view .fc-content-skeleton {
  11. /* there may be week numbers in these views, so no padding-top */
  12. padding-bottom: 1em;
  13. /* ensure a space at bottom of cell for user selecting/clicking */ }
  14. .fc-dayGrid-view .fc-body .fc-row {
  15. min-height: 4em;
  16. /* ensure that all rows are at least this tall */ }
  17. /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
  18. .fc-row.fc-rigid {
  19. overflow: hidden; }
  20. .fc-row.fc-rigid .fc-content-skeleton {
  21. position: absolute;
  22. top: 0;
  23. left: 0;
  24. right: 0; }
  25. /* week and day number styling */
  26. .fc-day-top.fc-other-month {
  27. opacity: 0.3; }
  28. .fc-dayGrid-view .fc-week-number,
  29. .fc-dayGrid-view .fc-day-number {
  30. padding: 2px; }
  31. .fc-dayGrid-view th.fc-week-number,
  32. .fc-dayGrid-view th.fc-day-number {
  33. padding: 0 2px;
  34. /* column headers can't have as much v space */ }
  35. .fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
  36. float: right; }
  37. .fc-rtl .fc-dayGrid-view .fc-day-top .fc-day-number {
  38. float: left; }
  39. .fc-ltr .fc-dayGrid-view .fc-day-top .fc-week-number {
  40. float: left;
  41. border-radius: 0 0 3px 0; }
  42. .fc-rtl .fc-dayGrid-view .fc-day-top .fc-week-number {
  43. float: right;
  44. border-radius: 0 0 0 3px; }
  45. .fc-dayGrid-view .fc-day-top .fc-week-number {
  46. min-width: 1.5em;
  47. text-align: center;
  48. background-color: #f2f2f2;
  49. color: #808080; }
  50. /* when week/day number have own column */
  51. .fc-dayGrid-view td.fc-week-number {
  52. text-align: center; }
  53. .fc-dayGrid-view td.fc-week-number > * {
  54. /* work around the way we do column resizing and ensure a minimum width */
  55. display: inline-block;
  56. min-width: 1.25em; }