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 11.fc-dayGrid-view .fc-body .fc-row { 12 min-height: 4em; 13 /* ensure that all rows are at least this tall */ 14} 15 16/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */ 17.fc-row.fc-rigid { 18 overflow: hidden; 19} 20 21.fc-row.fc-rigid .fc-content-skeleton { 22 position: absolute; 23 top: 0; 24 left: 0; 25 right: 0; 26} 27 28/* week and day number styling */ 29.fc-day-top.fc-other-month { 30 opacity: 0.3; 31} 32 33.fc-dayGrid-view .fc-week-number, 34.fc-dayGrid-view .fc-day-number { 35 padding: 2px; 36} 37 38.fc-dayGrid-view th.fc-week-number, 39.fc-dayGrid-view th.fc-day-number { 40 padding: 0 2px; 41 /* column headers can't have as much v space */ 42} 43 44.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number { 45 float: right; 46} 47 48.fc-rtl .fc-dayGrid-view .fc-day-top .fc-day-number { 49 float: left; 50} 51 52.fc-ltr .fc-dayGrid-view .fc-day-top .fc-week-number { 53 float: left; 54 border-radius: 0 0 3px 0; 55} 56 57.fc-rtl .fc-dayGrid-view .fc-day-top .fc-week-number { 58 float: right; 59 border-radius: 0 0 0 3px; 60} 61 62.fc-dayGrid-view .fc-day-top .fc-week-number { 63 min-width: 1.5em; 64 text-align: center; 65 background-color: #f2f2f2; 66 color: #808080; 67} 68 69/* when week/day number have own column */ 70.fc-dayGrid-view td.fc-week-number { 71 text-align: center; 72} 73 74.fc-dayGrid-view td.fc-week-number > * { 75 /* work around the way we do column resizing and ensure a minimum width */ 76 display: inline-block; 77 min-width: 1.25em; 78}