timeline event inset styling

fullcalendar · Mar 14, 2019 · ef56b4c · ef56b4c
1 parent 931582b
commit ef56b4c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/src/timegrid/TimeGridEventRenderer.ts b/src/timegrid/TimeGridEventRenderer.ts
@@ -273,6 +273,10 @@ export default class TimeGridEventRenderer extends FgEventRenderer {
     for (let seg of segs) {
       applyStyle(seg.el, this.generateSegCss(seg))
 
+      if (seg.level > 0) {
+        seg.el.classList.add('fc-time-grid-event-inset')
+      }
+
       // if the event is short that the title will be cut off,
       // attach a className that condenses the title into the time area.
       if (seg.eventRange.def.title && seg.bottom - seg.top < 30) {

diff --git a/src/timegrid/main.scss b/src/timegrid/main.scss
@@ -167,6 +167,11 @@ be a descendant of the grid when it is being dragged.
   margin-bottom: 1px;
 }
 
+.fc-time-grid-event-inset {
+  -webkit-box-shadow: 0px 0px 0px 1px #fff;
+          box-shadow: 0px 0px 0px 1px #fff;
+}
+
 .fc-time-grid-event.fc-not-start { /* events that are continuing from another day */
   /* replace space made by the top border with padding */
   border-top-width: 0;