fullcalendar
Version:
FullCalendar Vanilla JS package for rendering a calendar
514 lines (407 loc) • 8.86 kB
CSS
:root {
--fc-sticky-header-footer-z: 3;
--fc-popover-z: 4;
}
.fc-5T {
z-index: var(--fc-popover-z) ;
}
.fc-CJ {
isolation: isolate;
}
/*
This will prevent all ancestors from customizing their box size unless they use .contentBox
*/
.fc-Qg,
.fc-Qg *,
.fc-Qg *:before,
.fc-Qg *:after {
box-sizing: border-box ;
}
/* classes attached to <body> */
.fc-5r,
.fc-5r * {
cursor: not-allowed ;
}
.fc-Ee {
-ms-overflow-style: none ; /* IE and Edge */
scrollbar-width: none ; /* Firefox */
}
/* Hide scrollbar for Chrome, Safari and Opera */
.fc-Ee::-webkit-scrollbar {
display: none ;
}
.fc-FR {
flex-shrink: 0 ;
}
.fc-kt .fc-lI {
display: flex ;
flex-direction: row ;
flex-wrap: wrap ;
}
/* HACK for Safari. Can't do break-inside:avoid with flexbox items, likely b/c it's not standard:
https://stackoverflow.com/a/60256345 */
.fc-DW .fc-lI > * {
float: left ;
}
[dir=rtl] .fc-DW .fc-lI > *,
.fc-DW[dir=rtl] .fc-lI > * {
float: right ;
}
.fc-DW .fc-lI::after {
content: "" ;
display: block ;
clear: both ;
}
.fc-2a {
cursor: pointer ;
}
.fc-lW {
cursor: n-resize ;
}
.fc-x7 {
cursor: s-resize ;
}
.fc-up {
cursor: w-resize ;
}
[dir=rtl] .fc-up {
cursor: e-resize ;
}
.fc-8l {
cursor: e-resize ;
}
[dir=rtl] .fc-8l {
cursor: w-resize ;
}
.fc-Xb {
cursor: col-resize ;
}
.fc-wI,
.fc-7K,
.fc-hT {
position: absolute ;
box-sizing: content-box ;
width: 100% ;
height: 100% ;
}
.fc-wI {
padding: 10px ;
margin: -10px ;
}
.fc-7K {
padding-left: 10px ;
padding-right: 10px ;
margin-left: -10px ;
margin-right: -10px ;
}
.fc-hT {
padding-top: 10px ;
padding-bottom: 10px ;
margin-top: -10px ;
margin-bottom: -10px ;
}
/* QUESTION: why not use -left -right instead of negative margins/padding for ALL? */
.fc-kd {
position: absolute;
top: 0;
bottom: 0;
left: -5px;
right: -5px;
}
.fc-rm {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.fc-gv {
visibility: hidden;
}
/* Border Utils */
/* ------------------------------------------------------------------------------------------------- */
.fc-NQ {
border: 0 ;
}
.fc-VY {
border-left: 0 ;
border-right: 0 ;
}
.fc-6M {
border-top: 0 ;
border-bottom: 0 ;
}
.fc-jS {
border-top: 0 ;
}
.fc-Z5 {
border-bottom: 0 ;
}
.fc-xm {
border-inline-start: 0 ;
}
.fc-HA {
border-inline-end: 0 ;
}
/* Flexbox Utils */
/* ------------------------------------------------------------------------------------------------- */
.fc-uT {
display: flex ;
flex-direction: row ;
}
.fc-5N {
display: flex ;
flex-direction: column ;
}
.fc-pI {
flex-grow: 1 ;
}
.fc-I4 {
flex-grow: 1 ;
flex-basis: 0 ;
min-width: 0 ;
min-height: 0 ;
}
.fc-fy {
min-height: 0 ;
}
/*
TODO: use liquidX/Y elsewhere because frees up min other dimension; less collisions
*/
.fc-h7 {
flex-grow: 1 ;
flex-basis: 0 ;
min-width: 0 ;
}
/* Semantic Print Table */
/* ------------------------------------------------------------------------------------------------- */
.fc-5w {
width: 100% ;
table-layout: fixed ;
border: 0 ;
border-collapse: separate ;
border-spacing: 0 ;
}
.fc-5w > thead {
/* Both properties are needed for cross-browser repeated headers across printed pages. */
-moz-column-break-inside: avoid ;
break-inside: avoid ;
page-break-inside: avoid ;
}
.fc-5w > tbody {
/* Timeline print-layout hack (resource and non-resource): lets shared absolute backgrounds show through. */
background: transparent ;
}
.fc-5w > thead > tr > th,
.fc-5w > tbody > tr > th,
.fc-5w > tbody > tr > td {
vertical-align: top ;
font-weight: inherit;
text-align: inherit;
}
/* Table Utils */
/* ------------------------------------------------------------------------------------------------- */
.fc-Gm {
padding: 0 ;
}
.fc-qW {
padding-top: 0 ;
padding-bottom: 0 ;
}
.fc-K4 {
margin: 0 ;
}
.fc-ZN {
margin-top: 0 ;
margin-bottom: 0 ;
}
.fc-Qo {
margin-left: 0 ;
margin-right: 0 ;
}
.fc-mO {
white-space: nowrap ;
}
.fc-ZC {
white-space: pre ;
}
/* Misc Utils */
/* ------------------------------------------------------------------------------------------------- */
.fc-vq {
overflow-anchor: none;
}
.fc-OS {
pointer-events: none ;
}
.fc-Tq {
overflow: hidden ;
}
/*
TODO: eventually use this on daygrid/timegrid events' inner, time, and title, FOR PRINT
Needed to prevent wrapping to multiple lines, increasing height, throwing off print-positioning,
which can't rely on dynamic height detection after print-flag activated.
*/
.fc-zy {
white-space: nowrap ;
overflow: hidden ;
}
.fc-Yq {
position: relative ;
}
.fc-Jy {
position: absolute ;
}
.fc-Sd {
inset-inline-start: 0 ;
}
.fc-B2 {
inset-inline-end: 0 ;
}
.fc-Kg {
position: absolute ;
top: 0 ;
left: 0 ;
right: 0 ;
bottom: 0 ;
}
.fc-Dv,
.fc-he {
position: absolute ;
left: 0 ;
right: 0 ;
}
.fc-kA,
.fc-eP {
position: absolute ;
top: 0 ;
bottom: 0 ;
}
.fc-Dv {
top: 0 ;
}
.fc-eP {
left: 0 ;
right: 0 ;
width: 0 ;
}
@media not print {
.fc-G5 {
position: sticky ;
}
.fc-WE {
position: sticky ;
top: 0 ;
}
/* Sticks to either left or right (the flex "start") depending on ltr/rtl */
.fc-z6 {
position: sticky ;
inset-inline-start: 0 ;
}
.fc-ca {
position: sticky ;
top: 0 ;
z-index: var(--fc-sticky-header-footer-z) ;
}
}
/* Only needed when padding/border must be separate from width/height */
.fc-ck {
box-sizing: content-box ;
}
/* Out of view but keeps its real size, for measurement probes. For screen-reader text, use .srOnly.
Hidden also means not focusable, clickable, or read by screen readers */
.fc-Sc {
position: absolute ;
left: -10000px ;
visibility: hidden ;
}
/* Visually hidden but read by screen readers. Unlike .offscreen, never causes scroll overflow */
.fc-ad {
position: absolute ;
width: 1px ;
height: 1px ;
margin: 0 ;
padding: 0 ;
border: 0 ;
overflow: hidden ;
clip-path: inset(50%) ;
white-space: nowrap ;
}
.fc-pr {
align-items: center ;
}
.fc-2c {
align-items: flex-start ;
}
.fc-uD {
align-items: flex-end ;
}
/* Footer Scrollbar */
/* ------------------------------------------------------------------------------------------------- */
.fc-Cq {
position: sticky ;
bottom: 0 ;
z-index: var(--fc-sticky-header-footer-z) ;
}
.fc-mv > * {
margin-top: -1px ;
}
.fc-mv > * > * {
height: 1px ;
}
/* Print Utils */
/* ------------------------------------------------------------------------------------------------- */
.fc-Ia {
-moz-column-break-inside: avoid ;
break-inside: avoid ;
page-break-inside: avoid ;
}
.fc-5U {
min-height: 4em ;
}
.fc-mg {
display: flow-root ;
}
/* Z-index */
/* ------------------------------------------------------------------------------------------------- */
.fc-s1 {
z-index: 0;
}
.fc-2P {
z-index: 1;
}
.fc-BT {
z-index: 2;
}
.fc-LA {
z-index: 3;
}
.fc-BL {
z-index: 4;
}
.fc-46 {
z-index: 5;
}
.fc-4i {
z-index: 1000;
}
.fc-Dd {
z-index: 9999;
}
.fc-6W:focus-visible {
z-index: 2;
}
/* INTERNAL MARKER -- used to mark an element for internal significance */
/* ------------------------------------------------------------------------------------------------- */
.fc-HP {}
.fc-Nv {}
.fc-8X {}
.fc-uj {}
.fc-RS {}
.fc-JU {}
.fc-aj {}
.fc-lA {}
.fc-Dy {}
.fc-qp {}
.fc-EH {}
.fc-UW {}
.fc-d0 {}
.fc-ds {}
.fc-oa {}