Fix datepicker being hidden in horizontal record block

cortezaproject · Sep 23, 2024 · f9823a6 · f9823a6
1 parent 55fadaa
commit f9823a6
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/client/web/compose/src/components/ModuleFields/Editor/DateTime.vue b/client/web/compose/src/components/ModuleFields/Editor/DateTime.vue
@@ -5,6 +5,7 @@
     :content-cols-md="horizontal && '7'"
     :content-cols-xl="horizontal && '8'"
     :class="formGroupStyleClasses"
+    class="date-time-field-editor"
   >
     <template
       #label
@@ -90,3 +91,10 @@ export default {
   extends: base,
 }
 </script>
+
+<style>
+/* Fix for datepicker not overflowing block when in horizontal mode */
+.date-time-field-editor .form-row div {
+  position: initial;
+}
+</style>