From 2a624bdbecadd976711702df64d978614f8d7cf4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Wed, 30 Mar 2022 14:28:25 +0200
Subject: [PATCH] Avoid overlapping of teaser headers with pulldown fields in
 MyE&P

---
 .../ext/ep_theme/Resources/Private/Assets/js/myep/App.vue       | 2 +-
 .../Private/Assets/js/myep/components/AccommodationSelect.vue   | 2 +-
 .../Assets/js/myep/components/ParticipantAddressForm.vue        | 2 +-
 .../Private/Assets/js/myep/components/ParticipantSizesForm.vue  | 2 +-
 .../Private/Assets/js/myep/components/PickupSelect.vue          | 2 +-
 .../Private/Assets/js/myep/components/ServiceSelect.vue         | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/App.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/App.vue
index 0573d47e..1c7d3fa7 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/App.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/App.vue
@@ -2,7 +2,7 @@
     <div id="myep" class="relative mb-16">
         <nav class="w-full bg-gray-50 flex items-center justify-between mb-8 relative" v-if="isLoggedIn">
             <span class="block text-2xl px-4">My E&P</span>
-            <div class="absolute z-10 top-100 left-0 w-full bg-gray-50 shadow lg:relative lg:top-auto lg:left-auto lg:w-auto lg:shadow-none lg:flex lg:space-x-4"
+            <div class="absolute z-50 top-100 left-0 w-full bg-gray-50 shadow lg:relative lg:top-auto lg:left-auto lg:w-auto lg:shadow-none lg:flex lg:space-x-4"
                 :class="{ 'hidden': !navVisible }">
               <div class="lg:flex lg:items-center m-0">
                 <router-link @click.native="navVisible = false" :to="{ name: 'address' }" class="block p-4 text-black hover:bg-gray-400 hover:text-gray-800" active-class="bg-gray-400 text-gray-800">Adressdaten</router-link>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/AccommodationSelect.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/AccommodationSelect.vue
index 60517b54..8a4dc3fb 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/AccommodationSelect.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/AccommodationSelect.vue
@@ -10,7 +10,7 @@
                 <use href="#icon-chevron-down"></use>
             </svg>
         </button>
-        <ul class="absolute top-100 left-0 z-10 mt-4 border shadow-md p-4 bg-white w-screen max-w-xs divide-y" v-show="visible">
+        <ul class="absolute top-100 left-0 z-50 mt-4 border shadow-md p-4 bg-white w-screen max-w-xs divide-y" v-show="visible">
             <li v-for="accommodation in selectableAccommodations" :key="accommodation.id" class="py-1">
                 <a href="#" @click.prevent="selectAccommodation(accommodation)">
                     {{ accommodation.name}}
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantAddressForm.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantAddressForm.vue
index 7b647801..24da2b58 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantAddressForm.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantAddressForm.vue
@@ -10,7 +10,7 @@
                 <use href="#icon-chevron-down"></use>
             </svg>
         </button>
-        <div class="absolute top-100 left-0 z-10 mt-4 border shadow-md p-4 bg-white w-screen max-w-xs space-y-2" v-show="visible">
+        <div class="absolute top-100 left-0 z-50 mt-4 border shadow-md p-4 bg-white w-screen max-w-xs space-y-2" v-show="visible">
             <input class="border-gray-400 focus:border-gray-800 ring-0 focus:ring-0 mt-1 w-full" type="text" placeholder="Mobil"
                    v-model="participant.data.phoneMobile" :disabled="!mutable"
                    @change="$emit('updated', participant)"
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantSizesForm.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantSizesForm.vue
index f23011c9..fba05248 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantSizesForm.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantSizesForm.vue
@@ -8,7 +8,7 @@
                 <use href="#icon-chevron-down"></use>
             </svg>
         </button>
-        <div class="absolute top-100 left-0 z-10 mt-4 border shadow-md p-4 bg-white w-screen max-w-xs space-y-2" v-show="visible">
+        <div class="absolute top-100 left-0 z-50 mt-4 border shadow-md p-4 bg-white w-screen max-w-xs space-y-2" v-show="visible">
             <input class="form-input w-full" type="text" placeholder="Körpergröße"
                    v-model="participant.data.height" :disabled="!mutable"
                    @change="$emit('updated', participant)"
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/PickupSelect.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/PickupSelect.vue
index 1d996f02..0a4cc2ad 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/PickupSelect.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/PickupSelect.vue
@@ -8,7 +8,7 @@
                 <use href="#icon-chevron-down"></use>
             </svg>
         </button>
-      <div class="absolute top-100 left-0 z-10 mt-4 border shadow-md p-4 bg-white w-screen max-w-xs" v-show="visible">
+      <div class="absolute top-100 left-0 z-50 mt-4 border shadow-md p-4 bg-white w-screen max-w-xs" v-show="visible">
             <div class="py-1" v-for="pickup in pickups" :key="pickup.id">
                 <label class="inline-flex items-center text-sm">
                     <input type="radio"
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ServiceSelect.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ServiceSelect.vue
index 85e596bd..65f5de99 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ServiceSelect.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ServiceSelect.vue
@@ -8,7 +8,7 @@
                 <use href="#icon-chevron-down"></use>
             </svg>
         </button>
-        <div class="absolute top-100 left-0 z-10 mt-4 border shadow-md p-4 bg-white w-screen max-w-xs" v-show="visible">
+        <div class="absolute top-100 left-0 z-50 mt-4 border shadow-md p-4 bg-white w-screen max-w-xs" v-show="visible">
             <div class="py-1" v-for="service in availableServices" :key="service.id">
                 <label class="inline-flex items-center text-sm">
                     <input type="checkbox"