Merge pull request #825 from ajnart/fix-calendar

🐛 Fix Calendar

src/components/Dashboard/Tiles/Widgets/WidgetsMenu.tsx

@@ -70,7 +70,7 @@ export const WidgetsMenu = ({ integration, widget }: WidgetsMenuProps) => {
         // Cast as the right type for the correct widget
         widgetOptions: widgetDefinitionObject.options as any,
       },
-      zIndex: 5,
+      zIndex: 250,
     });
   };
 

src/widgets/calendar/CalendarDay.tsx

@@ -70,7 +70,7 @@ const DayIndicator = ({ color, medias, children, position }: DayIndicatorProps)
   if (medias.length === 0) return children;
 
   return (
-    <Indicator size={10} withBorder offset={5} color={color} position={position}>
+    <Indicator size={10} withBorder offset={-5} color={color} position={position}>
       {children}
     </Indicator>
   );

src/widgets/calendar/CalendarTile.tsx

@@ -65,7 +65,6 @@ function CalendarTile({ widget }: CalendarTileProps) {
   });
 
   return (
-    <Group grow style={{ height: '100%' }}>
     <Calendar
       defaultDate={new Date()}
       onPreviousMonth={setMonth}
@@ -74,11 +73,19 @@ function CalendarTile({ widget }: CalendarTileProps) {
       locale={i18n?.resolvedLanguage ?? 'en'}
       firstDayOfWeek={widget.properties.sundayStart ? 0 : 1}
       hideWeekdays
+      style={{ position: 'relative', top: -10 }}
       date={month}
+      maxLevel="month"
       hasNextLevel={false}
       styles={{
+        calendarHeader: {
+          maxWidth: 'inherit',
+        },
         calendar: {
           height: '100%',
+          display: 'flex',
+          flexDirection: 'column',
+          width: '100%',
         },
         monthLevelGroup: {
           height: '100%',
@@ -92,15 +99,11 @@ function CalendarTile({ widget }: CalendarTileProps) {
         month: {
           flex: 1,
         },
-          calendarHeader: {
-            maxWidth: 'inherit',
-          },
       }}
       renderDay={(date) => (
         <CalendarDay date={date} medias={getReleasedMediasForDate(medias, date, widget)} />
       )}
     />
-    </Group>
   );
 }