From 166ce52a7f97b3131aa5d9dd5c13ae1d8812aeda Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Mon, 25 Jan 2021 15:59:57 +0100
Subject: [PATCH] Fix z-index issue with datepickers on Edit event page

Closes #558

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/views/Event/Edit.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/js/src/views/Event/Edit.vue b/js/src/views/Event/Edit.vue
index 0187fe512..86304b3de 100644
--- a/js/src/views/Event/Edit.vue
+++ b/js/src/views/Event/Edit.vue
@@ -33,6 +33,7 @@
 
         <b-field horizontal :label="$t('Starts on…')" class="begins-on-field">
           <b-datetimepicker
+            class="datepicker starts-on"
             :placeholder="$t('Type or select a date…')"
             icon="calendar-today"
             :locale="$i18n.locale"
@@ -45,6 +46,7 @@
 
         <b-field horizontal :label="$t('Ends on…')">
           <b-datetimepicker
+            class="datepicker ends-on"
             :placeholder="$t('Type or select a date…')"
             icon="calendar-today"
             :locale="$i18n.locale"
@@ -381,6 +383,12 @@ h2.subtitle {
   }
 }
 
+.datepicker {
+  ::v-deep .dropdown-menu {
+    z-index: 200;
+  }
+}
+
 section {
   & > .container {
     padding: 2rem 1.5rem;