|
@@ -1,7 +1,7 @@
|
|
|
|
|
|
- * FullCalendar v2.3.2 Stylesheet
|
|
|
- * Docs & License: http://fullcalendar.io/
|
|
|
- * (c) 2015 Adam Shaw
|
|
|
+ * <%= meta.title %> v<%= meta.version %> Stylesheet
|
|
|
+ * Docs & License: <%= meta.homepage %>
|
|
|
+ * (c) <%= meta.copyright %>
|
|
|
*/
|
|
|
|
|
|
|
|
@@ -28,6 +28,7 @@ body .fc {
|
|
|
.fc-unthemed tbody,
|
|
|
.fc-unthemed .fc-divider,
|
|
|
.fc-unthemed .fc-row,
|
|
|
+.fc-unthemed .fc-content,
|
|
|
.fc-unthemed .fc-popover {
|
|
|
border-color: #ddd;
|
|
|
}
|
|
@@ -72,7 +73,6 @@ body .fc {
|
|
|
|
|
|
.fc-icon {
|
|
|
display: inline-block;
|
|
|
- width: 1em;
|
|
|
height: 1em;
|
|
|
line-height: 1em;
|
|
|
font-size: 1em;
|
|
@@ -99,7 +99,6 @@ NOTE: use percentage font sizes or else old IE chokes
|
|
|
|
|
|
.fc-icon:after {
|
|
|
position: relative;
|
|
|
- margin: 0 -1em;
|
|
|
}
|
|
|
|
|
|
.fc-icon-left-single-arrow:after {
|
|
@@ -107,7 +106,6 @@ NOTE: use percentage font sizes or else old IE chokes
|
|
|
font-weight: bold;
|
|
|
font-size: 200%;
|
|
|
top: -7%;
|
|
|
- left: 3%;
|
|
|
}
|
|
|
|
|
|
.fc-icon-right-single-arrow:after {
|
|
@@ -115,7 +113,6 @@ NOTE: use percentage font sizes or else old IE chokes
|
|
|
font-weight: bold;
|
|
|
font-size: 200%;
|
|
|
top: -7%;
|
|
|
- left: -3%;
|
|
|
}
|
|
|
|
|
|
.fc-icon-left-double-arrow:after {
|
|
@@ -134,14 +131,12 @@ NOTE: use percentage font sizes or else old IE chokes
|
|
|
content: "\25C4";
|
|
|
font-size: 125%;
|
|
|
top: 3%;
|
|
|
- left: -2%;
|
|
|
}
|
|
|
|
|
|
.fc-icon-right-triangle:after {
|
|
|
content: "\25BA";
|
|
|
font-size: 125%;
|
|
|
top: 3%;
|
|
|
- left: 2%;
|
|
|
}
|
|
|
|
|
|
.fc-icon-down-triangle:after {
|
|
@@ -372,6 +367,7 @@ hr.fc-divider {
|
|
|
|
|
|
.fc table {
|
|
|
width: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
table-layout: fixed;
|
|
|
border-collapse: collapse;
|
|
|
border-spacing: 0;
|
|
@@ -491,15 +487,15 @@ temporary rendered events).
|
|
|
|
|
|
--------------------------------------------------------------------------------------------------*/
|
|
|
|
|
|
-.fc-scroller {
|
|
|
- overflow-y: scroll;
|
|
|
- overflow-x: hidden;
|
|
|
+.fc-scroller {
|
|
|
+ -webkit-overflow-scrolling: touch;
|
|
|
}
|
|
|
|
|
|
-.fc-scroller > * {
|
|
|
+
|
|
|
+.fc-scroller > .fc-day-grid,
|
|
|
+.fc-scroller > .fc-time-grid {
|
|
|
position: relative;
|
|
|
width: 100%;
|
|
|
- overflow: hidden;
|
|
|
}
|
|
|
|
|
|
|
|
@@ -547,15 +543,68 @@ temporary rendered events).
|
|
|
z-index: 2;
|
|
|
}
|
|
|
|
|
|
+
|
|
|
+
|
|
|
.fc-event .fc-resizer {
|
|
|
position: absolute;
|
|
|
- z-index: 3;
|
|
|
+ z-index: 4;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+.fc-event .fc-resizer {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.fc-event.fc-allow-mouse-resize .fc-resizer,
|
|
|
+.fc-event.fc-selected .fc-resizer {
|
|
|
+
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+.fc-event.fc-selected .fc-resizer:before {
|
|
|
+
|
|
|
+ content: "";
|
|
|
+ position: absolute;
|
|
|
+ z-index: 9999;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ width: 40px;
|
|
|
+ height: 40px;
|
|
|
+ margin-left: -20px;
|
|
|
+ margin-top: -20px;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+--------------------------------------------------------------------------------------------------*/
|
|
|
+
|
|
|
+.fc-event.fc-selected {
|
|
|
+ z-index: 9999 !important;
|
|
|
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
|
|
|
+}
|
|
|
+
|
|
|
+.fc-event.fc-selected.fc-dragging {
|
|
|
+ box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
--------------------------------------------------------------------------------------------------*/
|
|
|
|
|
|
+
|
|
|
+.fc-h-event.fc-selected:before {
|
|
|
+ content: "";
|
|
|
+ position: absolute;
|
|
|
+ z-index: 3;
|
|
|
+ top: -10px;
|
|
|
+ bottom: -10px;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+}
|
|
|
+
|
|
|
|
|
|
|
|
|
.fc-ltr .fc-h-event.fc-not-start,
|
|
@@ -576,36 +625,56 @@ temporary rendered events).
|
|
|
border-bottom-right-radius: 0;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
-
|
|
|
-.fc-h-event .fc-resizer {
|
|
|
- top: -1px;
|
|
|
- bottom: -1px;
|
|
|
- left: -1px;
|
|
|
- right: -1px;
|
|
|
- width: 5px;
|
|
|
-}
|
|
|
+
|
|
|
|
|
|
|
|
|
.fc-ltr .fc-h-event .fc-start-resizer,
|
|
|
-.fc-ltr .fc-h-event .fc-start-resizer:before,
|
|
|
-.fc-ltr .fc-h-event .fc-start-resizer:after,
|
|
|
-.fc-rtl .fc-h-event .fc-end-resizer,
|
|
|
-.fc-rtl .fc-h-event .fc-end-resizer:before,
|
|
|
-.fc-rtl .fc-h-event .fc-end-resizer:after {
|
|
|
- right: auto;
|
|
|
+.fc-rtl .fc-h-event .fc-end-resizer {
|
|
|
cursor: w-resize;
|
|
|
+ left: -1px;
|
|
|
}
|
|
|
|
|
|
|
|
|
.fc-ltr .fc-h-event .fc-end-resizer,
|
|
|
-.fc-ltr .fc-h-event .fc-end-resizer:before,
|
|
|
-.fc-ltr .fc-h-event .fc-end-resizer:after,
|
|
|
-.fc-rtl .fc-h-event .fc-start-resizer,
|
|
|
-.fc-rtl .fc-h-event .fc-start-resizer:before,
|
|
|
-.fc-rtl .fc-h-event .fc-start-resizer:after {
|
|
|
- left: auto;
|
|
|
+.fc-rtl .fc-h-event .fc-start-resizer {
|
|
|
cursor: e-resize;
|
|
|
+ right: -1px;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+.fc-h-event.fc-allow-mouse-resize .fc-resizer {
|
|
|
+ width: 7px;
|
|
|
+ top: -1px;
|
|
|
+ bottom: -1px;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+.fc-h-event.fc-selected .fc-resizer {
|
|
|
+
|
|
|
+ border-radius: 4px;
|
|
|
+ border-width: 1px;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ border-style: solid;
|
|
|
+ border-color: inherit;
|
|
|
+ background: #fff;
|
|
|
+
|
|
|
+ top: 50%;
|
|
|
+ margin-top: -4px;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
|
|
|
+.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
|
|
|
+ margin-left: -4px;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
|
|
|
+.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
|
|
|
+ margin-right: -4px;
|
|
|
}
|
|
|
|
|
|
|
|
@@ -620,6 +689,20 @@ be a descendant of the grid when it is being dragged.
|
|
|
padding: 0 1px;
|
|
|
}
|
|
|
|
|
|
+.fc-day-grid-event.fc-selected:after {
|
|
|
+ content: "";
|
|
|
+ position: absolute;
|
|
|
+ z-index: 1;
|
|
|
+
|
|
|
+ top: -1px;
|
|
|
+ right: -1px;
|
|
|
+ bottom: -1px;
|
|
|
+ left: -1px;
|
|
|
+
|
|
|
+ background: #000;
|
|
|
+ opacity: .25;
|
|
|
+ filter: alpha(opacity=25);
|
|
|
+}
|
|
|
|
|
|
.fc-day-grid-event .fc-content {
|
|
|
white-space: nowrap;
|
|
@@ -630,10 +713,18 @@ be a descendant of the grid when it is being dragged.
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
|
|
|
-.fc-day-grid-event .fc-resizer {
|
|
|
- left: -3px;
|
|
|
- right: -3px;
|
|
|
- width: 7px;
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
|
|
|
+.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
|
|
|
+ margin-left: -2px;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
|
|
|
+.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
|
|
|
+ margin-right: -2px;
|
|
|
}
|
|
|
|
|
|
|
|
@@ -672,6 +763,29 @@ a.fc-more:hover {
|
|
|
padding: 10px;
|
|
|
}
|
|
|
|
|
|
+
|
|
|
+
|
|
|
+--------------------------------------------------------------------------------------------------*/
|
|
|
+
|
|
|
+.fc-now-indicator {
|
|
|
+ position: absolute;
|
|
|
+ border: 0 solid red;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+--------------------------------------------------------------------------------------------------*/
|
|
|
+
|
|
|
+.fc-unselectable {
|
|
|
+ -webkit-user-select: none;
|
|
|
+ -khtml-user-select: none;
|
|
|
+ -moz-user-select: none;
|
|
|
+ -ms-user-select: none;
|
|
|
+ user-select: none;
|
|
|
+ -webkit-touch-callout: none;
|
|
|
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
|
+}
|
|
|
+
|
|
|
|
|
|
--------------------------------------------------------------------------------------------------*/
|
|
|
|
|
@@ -888,27 +1002,46 @@ a.fc-more:hover {
|
|
|
z-index: 2;
|
|
|
}
|
|
|
|
|
|
-.fc-time-grid .fc-bgevent-skeleton,
|
|
|
+.fc-time-grid .fc-content-col {
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
.fc-time-grid .fc-content-skeleton {
|
|
|
position: absolute;
|
|
|
+ z-index: 3;
|
|
|
top: 0;
|
|
|
left: 0;
|
|
|
right: 0;
|
|
|
}
|
|
|
|
|
|
-.fc-time-grid .fc-bgevent-skeleton {
|
|
|
+
|
|
|
+
|
|
|
+.fc-time-grid .fc-business-container {
|
|
|
+ position: relative;
|
|
|
+ z-index: 1;
|
|
|
+}
|
|
|
+
|
|
|
+.fc-time-grid .fc-bgevent-container {
|
|
|
+ position: relative;
|
|
|
+ z-index: 2;
|
|
|
+}
|
|
|
+
|
|
|
+.fc-time-grid .fc-highlight-container {
|
|
|
+ position: relative;
|
|
|
z-index: 3;
|
|
|
}
|
|
|
|
|
|
-.fc-time-grid .fc-highlight-skeleton {
|
|
|
+.fc-time-grid .fc-event-container {
|
|
|
+ position: relative;
|
|
|
z-index: 4;
|
|
|
}
|
|
|
|
|
|
-.fc-time-grid .fc-content-skeleton {
|
|
|
+.fc-time-grid .fc-now-indicator-line {
|
|
|
z-index: 5;
|
|
|
}
|
|
|
|
|
|
-.fc-time-grid .fc-helper-skeleton {
|
|
|
+.fc-time-grid .fc-helper-container {
|
|
|
+ position: relative;
|
|
|
z-index: 6;
|
|
|
}
|
|
|
|
|
@@ -948,11 +1081,6 @@ a.fc-more:hover {
|
|
|
|
|
|
--------------------------------------------------------------------------------------------------*/
|
|
|
|
|
|
-.fc-time-grid .fc-event-container,
|
|
|
-.fc-time-grid .fc-bgevent-container {
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-
|
|
|
.fc-ltr .fc-time-grid .fc-event-container {
|
|
|
margin: 0 2.5% 0 2px;
|
|
|
}
|
|
@@ -1008,6 +1136,20 @@ be a descendant of the grid when it is being dragged.
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
|
+.fc-time-grid-event.fc-selected {
|
|
|
+
|
|
|
+
|
|
|
+ overflow: visible;
|
|
|
+}
|
|
|
+
|
|
|
+.fc-time-grid-event.fc-selected .fc-bg {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.fc-time-grid-event .fc-content {
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
.fc-time-grid-event .fc-time,
|
|
|
.fc-time-grid-event .fc-title {
|
|
|
padding: 0 1px;
|
|
@@ -1049,9 +1191,9 @@ be a descendant of the grid when it is being dragged.
|
|
|
padding: 0;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
+
|
|
|
|
|
|
-.fc-time-grid-event .fc-resizer {
|
|
|
+.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
|
|
|
left: 0;
|
|
|
right: 0;
|
|
|
bottom: 0;
|
|
@@ -1064,6 +1206,56 @@ be a descendant of the grid when it is being dragged.
|
|
|
cursor: s-resize;
|
|
|
}
|
|
|
|
|
|
-.fc-time-grid-event .fc-resizer:after {
|
|
|
+.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
|
|
|
content: "=";
|
|
|
}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+.fc-time-grid-event.fc-selected .fc-resizer {
|
|
|
+
|
|
|
+ border-radius: 5px;
|
|
|
+ border-width: 1px;
|
|
|
+ width: 8px;
|
|
|
+ height: 8px;
|
|
|
+ border-style: solid;
|
|
|
+ border-color: inherit;
|
|
|
+ background: #fff;
|
|
|
+
|
|
|
+ left: 50%;
|
|
|
+ margin-left: -5px;
|
|
|
+
|
|
|
+ bottom: -5px;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+--------------------------------------------------------------------------------------------------*/
|
|
|
+
|
|
|
+.fc-time-grid .fc-now-indicator-line {
|
|
|
+ border-top-width: 1px;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+.fc-time-grid .fc-now-indicator-arrow {
|
|
|
+ margin-top: -5px;
|
|
|
+}
|
|
|
+
|
|
|
+.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
|
|
|
+ left: 0;
|
|
|
+
|
|
|
+ border-width: 5px 0 5px 6px;
|
|
|
+ border-top-color: transparent;
|
|
|
+ border-bottom-color: transparent;
|
|
|
+}
|
|
|
+
|
|
|
+.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
|
|
|
+ right: 0;
|
|
|
+
|
|
|
+ border-width: 5px 6px 5px 0;
|
|
|
+ border-top-color: transparent;
|
|
|
+ border-bottom-color: transparent;
|
|
|
+}
|