fix(rtl): apply styling fixes for non bootstrap 4 layouts

mattlewis92 · mattlewis92 · commit 565a689816bc · 2022-08-03T12:52:58.000+01:00
BREAKING CHANGE: week view all day events with RTL may need some styling adjustments in your application for them to display properly Fixes #1583
diff --git a/projects/angular-calendar/src/modules/month/calendar-month-view.scss b/projects/angular-calendar/src/modules/month/calendar-month-view.scss
@@ -141,6 +141,7 @@ $cal-month-view-vars: map.merge($cal-vars, $cal-month-view-vars);
     white-space: nowrap;
     vertical-align: middle;
     border-radius: 10px;
+    float: left;
   }
 
   .cal-day-number {
diff --git a/projects/angular-calendar/src/modules/week/calendar-week-view.component.ts b/projects/angular-calendar/src/modules/week/calendar-week-view.component.ts
@@ -138,9 +138,7 @@ export interface CalendarWeekViewBeforeRenderEvent extends WeekView {
               rtl ? null : (100 / days.length) * allDayEvent.offset
             "
             [style.marginRight.%]="
-              rtl
-                ? (100 / days.length) * (days.length - allDayEvent.offset) * -1
-                : null
+              rtl ? (100 / days.length) * allDayEvent.offset : null
             "
             mwlResizable
             [resizeSnapGrid]="{ left: dayColumnWidth, right: dayColumnWidth }"

Original file line number	Diff line number	Diff line change
`@@ -141,6 +141,7 @@ $cal-month-view-vars: map.merge($cal-vars, $cal-month-view-vars);`
`141`	`141`	`white-space: nowrap;`
`142`	`142`	`vertical-align: middle;`
`143`	`143`	`border-radius: 10px;`
	`144`	`+ float: left;`
`144`	`145`	`}`
`145`	`146`
`146`	`147`	`.cal-day-number {`
Original file line number	Diff line number	Diff line change
`@@ -138,9 +138,7 @@ export interface CalendarWeekViewBeforeRenderEvent extends WeekView {`
`138`	`138`	`rtl ? null : (100 / days.length) * allDayEvent.offset`
`139`	`139`	`"`
`140`	`140`	`[style.marginRight.%]="`
`141`		`- rtl`
`142`		`- ? (100 / days.length) * (days.length - allDayEvent.offset) * -1`
`143`		`- : null`
	`141`	`+ rtl ? (100 / days.length) * allDayEvent.offset : null`
`144`	`142`	`"`
`145`	`143`	`mwlResizable`
`146`	`144`	`[resizeSnapGrid]="{ left: dayColumnWidth, right: dayColumnWidth }"`