fix(calendar): evenly divide cell widths

lubber-de · web-flow · commit ec510c81be42 · 2020-07-13T08:26:17.000+02:00
The calendar columns are not evenly divided, which this PR fixes by adding the column count classnames to the calendars table.
This is especially visible when using an inline calendar: Monday and Wednesday are much wider than the other columns.
diff --git a/src/definitions/modules/calendar.js b/src/definitions/modules/calendar.js
@@ -42,7 +42,8 @@ $.fn.calendar = function(parameters) {
       '15': {'row': 2, 'column': 2 },
       '20': {'row': 3, 'column': 1 },
       '30': {'row': 2, 'column': 1 }
-    }
+    },
+    numberText = ['','one','two','three','four','five','six','seven','eight']
   ;
 
   $allModules
@@ -279,7 +280,7 @@ $.fn.calendar = function(parameters) {
               if (isDay && settings.showWeekNumbers){
                 tempMode += ' andweek';
               }
-              var table = $('<table/>').addClass(className.table).addClass(tempMode).appendTo(container);
+              var table = $('<table/>').addClass(className.table).addClass(tempMode).addClass(numberText[columns] + ' column').appendTo(container);
               var textColumns = columns;
               //no header for time-only mode
               if (!isTimeOnly) {
