fix(ui): "position: relative" breaks calendar transitions

Author: hawkeye64

packages/ui/src/css/calendar-agenda.scss

@@ -1,4 +1,6 @@
 .q-calendar-agenda {
+  // don't use relative positioning here as it breaks smooth transitions
+  //position: relative;
   display: flex;
   flex: 1;
   flex-direction: column;
@@ -443,4 +445,4 @@
       }
     }
   }
-}
+}

packages/ui/src/css/calendar-day.scss

@@ -1,4 +1,6 @@
 .q-calendar-day {
+  // don't use relative positioning here as it breaks smooth transitions
+  //position: relative;
   display: flex;
   flex: 1;
   flex-direction: column;

packages/ui/src/css/calendar-month.scss

@@ -1,5 +1,6 @@
 .q-calendar-month {
-  position: relative;
+  // don't use relative positioning here as it breaks smooth transitions
+  //position: relative;
   display: flex;
   flex: 1 0 100%;
   flex-direction: column;

packages/ui/src/css/calendar-resource.scss

@@ -1,4 +1,6 @@
 .q-calendar-resource {
+  // don't use relative positioning here as it breaks smooth transitions
+  //position: relative;
   display: flex;
   flex: 1;
   flex-direction: column;

packages/ui/src/css/calendar-scheduler.scss

@@ -1,4 +1,6 @@
 .q-calendar-scheduler {
+  // don't use relative positioning here as it breaks smooth transitions
+  //position: relative;
   display: flex;
   flex: 1;
   flex-direction: column;

packages/ui/src/css/calendar-task.scss

@@ -1,4 +1,6 @@
 .q-calendar-task {
+  // don't use relative positioning here as it breaks smooth transitions
+  //position: relative;
   display: flex;
   flex: 1;
   flex-direction: column;

packages/ui/src/css/q-calendar.scss

@@ -6,6 +6,7 @@
   background: var(--calendar-background);
   width: 100%;
   min-width: auto;
+  overflow: hidden;
 
   &__bordered {
     border: var(--calendar-border);