From e0639b3b6492e9c9757a75f1bdd0d419942b6374 Mon Sep 17 00:00:00 2001
From: Emmy Leke <emmy.leke@planetcrust.com>
Date: Fri, 17 Mar 2023 16:08:17 +0100
Subject: [PATCH] Fix the datepicker cut-out bug

---
 .../web/compose/src/components/PageBlocks/RecordEditor.vue  | 1 +
 client/web/compose/src/components/PageBlocks/Wrap/Card.vue  | 2 +-
 client/web/compose/src/components/PageBlocks/Wrap/Plain.vue | 2 +-
 client/web/compose/src/components/PageBlocks/Wrap/base.vue  | 6 ++++++
 4 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/client/web/compose/src/components/PageBlocks/RecordEditor.vue b/client/web/compose/src/components/PageBlocks/RecordEditor.vue
index 9df4bc26d..e3ed8efd5 100644
--- a/client/web/compose/src/components/PageBlocks/RecordEditor.vue
+++ b/client/web/compose/src/components/PageBlocks/RecordEditor.vue
@@ -1,6 +1,7 @@
 <template>
   <wrap
     v-bind="$props"
+    card-class="position-static"
     v-on="$listeners"
   >
     <div
diff --git a/client/web/compose/src/components/PageBlocks/Wrap/Card.vue b/client/web/compose/src/components/PageBlocks/Wrap/Card.vue
index 9df2b2368..318eece4d 100644
--- a/client/web/compose/src/components/PageBlocks/Wrap/Card.vue
+++ b/client/web/compose/src/components/PageBlocks/Wrap/Card.vue
@@ -3,7 +3,7 @@
     <b-card
       no-body
       class="h-100 shadow overflow-hidden"
-      :class="blockClass"
+      :class="[blockClass, cardClass]"
     >
       <b-card-header
         v-if="showHeader"
diff --git a/client/web/compose/src/components/PageBlocks/Wrap/Plain.vue b/client/web/compose/src/components/PageBlocks/Wrap/Plain.vue
index b43e7e545..e087fe043 100644
--- a/client/web/compose/src/components/PageBlocks/Wrap/Plain.vue
+++ b/client/web/compose/src/components/PageBlocks/Wrap/Plain.vue
@@ -2,7 +2,7 @@
   <div class="h-100">
     <div
       class="card bg-transparent h-100 overflow-hidden"
-      :class="blockClass"
+      :class="[blockClass, cardClass]"
     >
       <div
         v-if="showHeader"
diff --git a/client/web/compose/src/components/PageBlocks/Wrap/base.vue b/client/web/compose/src/components/PageBlocks/Wrap/base.vue
index e8d9287bb..ba8d7da22 100644
--- a/client/web/compose/src/components/PageBlocks/Wrap/base.vue
+++ b/client/web/compose/src/components/PageBlocks/Wrap/base.vue
@@ -16,6 +16,12 @@ export default {
       required: false,
       default: true,
     },
+
+    cardClass: {
+      type: String,
+      required: false,
+      default: '',
+    },
   },
 
   computed: {