better timegrid event harness styling

fullcalendar · Apr 9, 2020 · c499406 · c499406
1 parent 270405c
commit c499406
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/packages/timegrid/src/TimeCol.tsx b/packages/timegrid/src/TimeCol.tsx
@@ -108,9 +108,12 @@ export default class TimeCol extends BaseComponent<TimeColProps> {
     return segs.map((seg) => {
       let instanceId = seg.eventRange.instance.instanceId
       let isMirror = isDragging || isResizing || isDateSelecting
-      let positionCss = isMirror
-        ? { left: 0, right: 0, ...this.computeSegTopBottomCss(seg) } // TODO: use real fg-segs' left/right
-        : this.computeFgSegPositionCss(seg)
+      let positionCss = isMirror ?
+        // will span entire column width
+        // also, won't assign z-index, which is good, fc-event-mirror will overpower other harnesses
+        { left: 0, right: 0, ...this.computeSegTopBottomCss(seg) }
+        :
+        this.computeFgSegPositionCss(seg)
 
       return (
         <div

diff --git a/packages/timegrid/src/styles/_timegrid-event.scss b/packages/timegrid/src/styles/_timegrid-event.scss
@@ -1,7 +1,8 @@
 
 // harness
 
-.fc-timegrid-event-harness-inset .fc-timegrid-event {
+.fc-timegrid-event-harness-inset .fc-timegrid-event,
+.fc-timegrid-event.fc-event-mirror {
   box-shadow: 0px 0px 0px 1px #fff; // TODO: var
 }