v3-fullcalendar-daygrid.css 1.8 KB

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