fix(WeekViewTimes): Fix event widths and positioning to match the day…

… columns
mattlewis92 · Dec 1, 2015 · 3dfe882 · 3dfe882
1 parent 25d35bb
commit 3dfe882
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/templates/calendarWeekView.html b/src/templates/calendarWeekView.html
@@ -43,8 +43,13 @@
           class="cal-row-fluid "
           ng-repeat="event in vm.view.events track by event.$id">
           <div
-            ng-class="'cal-cell' + (vm.showTimes ? 1 : event.daySpan) + ' cal-offset' + event.dayOffset + ' day-highlight dh-event-' + event.type + ' ' + event.cssClass"
-            ng-style="{top: vm.showTimes ? ((event.top + 2) + 'px') : 'auto', position: vm.showTimes ? 'absolute' : 'inherit'}"
+            ng-class="'cal-cell' + (vm.showTimes ? 1 : event.daySpan) + (vm.showTimes ? '' : ' cal-offset' + event.dayOffset) + ' day-highlight dh-event-' + event.type + ' ' + event.cssClass"
+            ng-style="{
+              top: vm.showTimes ? ((event.top + 2) + 'px') : 'auto',
+              position: vm.showTimes ? 'absolute' : 'inherit',
+              width: vm.showTimes ? (vm.dayColumnDimensions.width + 'px') : '',
+              left: vm.showTimes ? (vm.dayColumnDimensions.width * event.dayOffset) + 15 + 'px' : ''
+            }"
             data-event-class
             mwl-draggable="event.draggable === true"
             axis="vm.showTimes ? 'xy' : 'x'"