From e7836bb22efb799b00c0b88ccd3389d5257e58fc Mon Sep 17 00:00:00 2001
From: Marc Rufener <marc.rufener@gmail.com>
Date: Mon, 6 Mar 2023 13:44:13 +0100
Subject: [PATCH] remove naive z-index and replace it with workaround

---
 front/src/components/Affaires/AffairesDashboard.vue         | 1 +
 front/src/components/Affaires/Balance/balance.html          | 3 +--
 .../components/Affaires/BalanceFromFile/BalanceFromFile.vue | 1 +
 .../components/Affaires/BalanceFromFile/balanceFromFile.css | 4 ----
 front/src/components/Affaires/Etape/Etape.vue               | 1 +
 front/src/components/Affaires/Etape/etape.html              | 4 ++--
 front/src/components/Affaires/Facturation/Facturation.vue   | 1 +
 front/src/components/Affaires/Facturation/facturation.css   | 1 -
 front/src/components/Affaires/NewAffaire/NewAffaire.vue     | 1 +
 front/src/components/Affaires/NewAffaire/newAffaire.css     | 1 -
 front/src/components/Affaires/NumerosAffaire/DDP/DDP.vue    | 1 +
 front/src/components/Affaires/NumerosAffaire/DDP/ddp.css    | 1 -
 .../Affaires/NumerosAffaire/QuittancePCOP/QuittancePCOP.vue | 1 +
 .../Affaires/NumerosAffaire/QuittancePCOP/quittancePCOP.css | 1 -
 .../NumerosAffaire/ReferenceNumeros/ReferenceNumeros.vue    | 1 +
 .../NumerosAffaire/ReferenceNumeros/referenceNumeros.css    | 4 ----
 .../ReservationNumeros/ReservationNumeros.vue               | 1 +
 .../ReservationNumeros/reservationNumeros.css               | 1 -
 .../ReservationNumerosMO/ReservationNumerosMO.vue           | 1 +
 .../ReservationNumerosMO/reservationNumerosMO.css           | 1 -
 front/src/components/Affaires/Preavis/Preavis.vue           | 1 +
 front/src/components/Affaires/Preavis/preavis.css           | 6 ------
 front/src/components/Affaires/Suivi/Suivi.vue               | 1 +
 front/src/components/Affaires/Suivi/suivi.css               | 4 ----
 front/src/components/Affaires/affairesDashboard.html        | 2 +-
 25 files changed, 16 insertions(+), 29 deletions(-)

diff --git a/front/src/components/Affaires/AffairesDashboard.vue b/front/src/components/Affaires/AffairesDashboard.vue
index 51179741..73644339 100644
--- a/front/src/components/Affaires/AffairesDashboard.vue
+++ b/front/src/components/Affaires/AffairesDashboard.vue
@@ -1,4 +1,5 @@
 <style src="./affairesDashboard.css" scoped></style>
+<style lang="css">.md-menu-content { z-index: 9000 !important; }</style>
 <template src="./affairesDashboard.html"></template>
 
 
diff --git a/front/src/components/Affaires/Balance/balance.html b/front/src/components/Affaires/Balance/balance.html
index f94d2333..8fe821b4 100644
--- a/front/src/components/Affaires/Balance/balance.html
+++ b/front/src/components/Affaires/Balance/balance.html
@@ -52,8 +52,7 @@
 
     <!-- Dialog confirm creation of old numbers -->
     <!-- <md-dialog :md-active="showConfirmationCreateNumber"
-        @md-clicked-outside="showConfirmationCreateNumber = false"
-        style="z-index: 6;">
+        @md-clicked-outside="showConfirmationCreateNumber = false">
         <md-dialog-title>Confirmer la création des numéros</md-dialog-title>
         <md-dialog-content>
             <p>Ces numéros n'existent pas encore dans la base de données d'Infolica.</p>
diff --git a/front/src/components/Affaires/BalanceFromFile/BalanceFromFile.vue b/front/src/components/Affaires/BalanceFromFile/BalanceFromFile.vue
index 7a056b4d..a1ebd41b 100644
--- a/front/src/components/Affaires/BalanceFromFile/BalanceFromFile.vue
+++ b/front/src/components/Affaires/BalanceFromFile/BalanceFromFile.vue
@@ -1,4 +1,5 @@
 <style src="./balanceFromFile.css" scoped></style>
+<style lang="css">.md-menu-content { z-index: 9000 !important; }</style>
 <template src="./balanceFromFile.html"></template>
 
 <script>
diff --git a/front/src/components/Affaires/BalanceFromFile/balanceFromFile.css b/front/src/components/Affaires/BalanceFromFile/balanceFromFile.css
index f890573c..34629aaf 100644
--- a/front/src/components/Affaires/BalanceFromFile/balanceFromFile.css
+++ b/front/src/components/Affaires/BalanceFromFile/balanceFromFile.css
@@ -12,7 +12,3 @@
 .cardMenu {
     max-width: 500px !important;
 }
-
-.md-dialog {
-    z-index: 6 !important;
-}
\ No newline at end of file
diff --git a/front/src/components/Affaires/Etape/Etape.vue b/front/src/components/Affaires/Etape/Etape.vue
index 7637345a..6bd6d506 100644
--- a/front/src/components/Affaires/Etape/Etape.vue
+++ b/front/src/components/Affaires/Etape/Etape.vue
@@ -1,4 +1,5 @@
 <style src="./etape.css" scoped></style>
+<style lang="css">.md-menu-content { z-index: 9000 !important; }</style>
 <template src="./etape.html"></template>
 
 
diff --git a/front/src/components/Affaires/Etape/etape.html b/front/src/components/Affaires/Etape/etape.html
index 6469ce07..9a81f5f0 100644
--- a/front/src/components/Affaires/Etape/etape.html
+++ b/front/src/components/Affaires/Etape/etape.html
@@ -18,7 +18,7 @@
   
 
     <!-- Dialog pour la création de nouvelle étape dans l'affaire -->
-    <md-dialog :md-active.sync="etapeAffaire.showDialog" style="z-index: 6; margin: auto; width: 900px;">
+    <md-dialog :md-active.sync="etapeAffaire.showDialog" style="margin: auto; width: 900px">
         <md-dialog-title>Nouvelle étape</md-dialog-title>
 
         <md-dialog-content>
@@ -35,7 +35,7 @@ <h3 style="margin-top: 24px">=></h3>
 
                 <div class="md-layout-item md-size-45">
                     <!-- Nom de la prochaine étape -->
-                    <md-autocomplete v-model="etapeAffaire.prochaine" :md-options="affaireEtapes" md-dense required @md-selected="onSelectNextStep">
+                    <md-autocomplete v-model="etapeAffaire.prochaine" :md-options="affaireEtapes" md-dense required @md-selected="onSelectNextStep" style="z-index: 9000 !important">
                         <label>Prochaine étape</label>
                     </md-autocomplete>
                 </div>
diff --git a/front/src/components/Affaires/Facturation/Facturation.vue b/front/src/components/Affaires/Facturation/Facturation.vue
index 7e7e7507..4cfb5c88 100644
--- a/front/src/components/Affaires/Facturation/Facturation.vue
+++ b/front/src/components/Affaires/Facturation/Facturation.vue
@@ -1,4 +1,5 @@
 <style src="./facturation.css" scoped></style>
+<style lang="css">.md-menu-content { z-index: 9000 !important; }</style>
 <template src="./facturation.html"></template>
 
 
diff --git a/front/src/components/Affaires/Facturation/facturation.css b/front/src/components/Affaires/Facturation/facturation.css
index ea515843..51e3d847 100644
--- a/front/src/components/Affaires/Facturation/facturation.css
+++ b/front/src/components/Affaires/Facturation/facturation.css
@@ -18,7 +18,6 @@
 
 .md-dialog {
     margin: auto;
-    z-index: 6; /* Le dialogue apparaît sous le div de suggestions du md-autocomplete pour la recherche de clients*/
 }
 
 .md-dialog .currency {
diff --git a/front/src/components/Affaires/NewAffaire/NewAffaire.vue b/front/src/components/Affaires/NewAffaire/NewAffaire.vue
index b66c18e3..a7b5e7af 100644
--- a/front/src/components/Affaires/NewAffaire/NewAffaire.vue
+++ b/front/src/components/Affaires/NewAffaire/NewAffaire.vue
@@ -1,4 +1,5 @@
 <style src="./newAffaire.css" scoped></style>
+<style lang="css">.md-menu-content { z-index: 9000 !important; }</style>
 <template src="./newAffaire.html"></template>
 
 
diff --git a/front/src/components/Affaires/NewAffaire/newAffaire.css b/front/src/components/Affaires/NewAffaire/newAffaire.css
index 8f2d98de..55efb44f 100644
--- a/front/src/components/Affaires/NewAffaire/newAffaire.css
+++ b/front/src/components/Affaires/NewAffaire/newAffaire.css
@@ -16,7 +16,6 @@
 
 .newAffaire  .autocomplete {
     margin-top: 30px;
-    z-index: auto;
 }
 
 .newAffaire .immeublesSelectDiv {
diff --git a/front/src/components/Affaires/NumerosAffaire/DDP/DDP.vue b/front/src/components/Affaires/NumerosAffaire/DDP/DDP.vue
index 0399b769..ac7ffcd0 100644
--- a/front/src/components/Affaires/NumerosAffaire/DDP/DDP.vue
+++ b/front/src/components/Affaires/NumerosAffaire/DDP/DDP.vue
@@ -1,4 +1,5 @@
 <style src="./ddp.css" scoped></style>
+<style lang="css">.md-menu-content { z-index: 9000 !important; }</style>
 <template src="./ddp.html"></template>
 
 
diff --git a/front/src/components/Affaires/NumerosAffaire/DDP/ddp.css b/front/src/components/Affaires/NumerosAffaire/DDP/ddp.css
index 48348428..24e84f7c 100644
--- a/front/src/components/Affaires/NumerosAffaire/DDP/ddp.css
+++ b/front/src/components/Affaires/NumerosAffaire/DDP/ddp.css
@@ -4,7 +4,6 @@
 }
 
 .md-dialog {
-    z-index: 6; 
     width: 50%;
     min-width: 950px;
     margin: auto;
diff --git a/front/src/components/Affaires/NumerosAffaire/QuittancePCOP/QuittancePCOP.vue b/front/src/components/Affaires/NumerosAffaire/QuittancePCOP/QuittancePCOP.vue
index 03f4cf0c..68cc4c8b 100644
--- a/front/src/components/Affaires/NumerosAffaire/QuittancePCOP/QuittancePCOP.vue
+++ b/front/src/components/Affaires/NumerosAffaire/QuittancePCOP/QuittancePCOP.vue
@@ -1,4 +1,5 @@
 <style src="./quittancePCOP.css" scoped></style>
+<style lang="css">.md-menu-content { z-index: 9000 !important; }</style>
 <template src="./quittancePCOP.html"></template>
 
 
diff --git a/front/src/components/Affaires/NumerosAffaire/QuittancePCOP/quittancePCOP.css b/front/src/components/Affaires/NumerosAffaire/QuittancePCOP/quittancePCOP.css
index 66d8d650..3dcaf749 100644
--- a/front/src/components/Affaires/NumerosAffaire/QuittancePCOP/quittancePCOP.css
+++ b/front/src/components/Affaires/NumerosAffaire/QuittancePCOP/quittancePCOP.css
@@ -8,7 +8,6 @@
 }
 
 .md-dialog {
-    z-index: 6;
     width: 60%;
     margin: auto;
 }
diff --git a/front/src/components/Affaires/NumerosAffaire/ReferenceNumeros/ReferenceNumeros.vue b/front/src/components/Affaires/NumerosAffaire/ReferenceNumeros/ReferenceNumeros.vue
index 9af937c9..638951a7 100644
--- a/front/src/components/Affaires/NumerosAffaire/ReferenceNumeros/ReferenceNumeros.vue
+++ b/front/src/components/Affaires/NumerosAffaire/ReferenceNumeros/ReferenceNumeros.vue
@@ -1,4 +1,5 @@
 <style src="./referenceNumeros.css" scoped></style>
+<style lang="css">.md-menu-content { z-index: 9000 !important; }</style>
 <template src="./referenceNumeros.html"></template>
 
 
diff --git a/front/src/components/Affaires/NumerosAffaire/ReferenceNumeros/referenceNumeros.css b/front/src/components/Affaires/NumerosAffaire/ReferenceNumeros/referenceNumeros.css
index 303e9e0f..001be6d3 100644
--- a/front/src/components/Affaires/NumerosAffaire/ReferenceNumeros/referenceNumeros.css
+++ b/front/src/components/Affaires/NumerosAffaire/ReferenceNumeros/referenceNumeros.css
@@ -9,7 +9,3 @@
     vertical-align: top;
     margin: 0px;
 }
-
-.md-dialog {
-    z-index: 6;
-}
diff --git a/front/src/components/Affaires/NumerosAffaire/ReservationNumeros/ReservationNumeros.vue b/front/src/components/Affaires/NumerosAffaire/ReservationNumeros/ReservationNumeros.vue
index a11d06b7..f24b0953 100644
--- a/front/src/components/Affaires/NumerosAffaire/ReservationNumeros/ReservationNumeros.vue
+++ b/front/src/components/Affaires/NumerosAffaire/ReservationNumeros/ReservationNumeros.vue
@@ -1,4 +1,5 @@
 <style src="./reservationNumeros.css" scoped></style>
+<style lang="css">.md-menu-content { z-index: 9000 !important; }</style>
 <template src="./reservationNumeros.html"></template>
 
 
diff --git a/front/src/components/Affaires/NumerosAffaire/ReservationNumeros/reservationNumeros.css b/front/src/components/Affaires/NumerosAffaire/ReservationNumeros/reservationNumeros.css
index c3e9bb26..1738dd7b 100644
--- a/front/src/components/Affaires/NumerosAffaire/ReservationNumeros/reservationNumeros.css
+++ b/front/src/components/Affaires/NumerosAffaire/ReservationNumeros/reservationNumeros.css
@@ -30,7 +30,6 @@
 }
 
 .md-dialog {
-    z-index: 6; 
     width: 50%;
     min-width: 950px;
     margin: auto;
diff --git a/front/src/components/Affaires/NumerosAffaire/ReservationNumerosMO/ReservationNumerosMO.vue b/front/src/components/Affaires/NumerosAffaire/ReservationNumerosMO/ReservationNumerosMO.vue
index 05b4f005..c2fdb5cd 100644
--- a/front/src/components/Affaires/NumerosAffaire/ReservationNumerosMO/ReservationNumerosMO.vue
+++ b/front/src/components/Affaires/NumerosAffaire/ReservationNumerosMO/ReservationNumerosMO.vue
@@ -1,4 +1,5 @@
 <style src="./reservationNumerosMO.css" scoped></style>
+<style lang="css">.md-menu-content { z-index: 9000 !important; }</style>
 <template src="./reservationNumerosMO.html"></template>
 
 
diff --git a/front/src/components/Affaires/NumerosAffaire/ReservationNumerosMO/reservationNumerosMO.css b/front/src/components/Affaires/NumerosAffaire/ReservationNumerosMO/reservationNumerosMO.css
index ed5a1528..d1fc7b48 100644
--- a/front/src/components/Affaires/NumerosAffaire/ReservationNumerosMO/reservationNumerosMO.css
+++ b/front/src/components/Affaires/NumerosAffaire/ReservationNumerosMO/reservationNumerosMO.css
@@ -4,7 +4,6 @@
 }
 
 .md-dialog {
-    z-index: 6;
     width: 1200px;
     margin: auto;
 }
diff --git a/front/src/components/Affaires/Preavis/Preavis.vue b/front/src/components/Affaires/Preavis/Preavis.vue
index 170b9b71..9033fb1f 100644
--- a/front/src/components/Affaires/Preavis/Preavis.vue
+++ b/front/src/components/Affaires/Preavis/Preavis.vue
@@ -1,4 +1,5 @@
 <style src="./preavis.css" scoped></style>
+<style lang="css">.md-menu-content { z-index: 9000 !important; }</style>
 <template src="./preavis.html"></template>
 
 
diff --git a/front/src/components/Affaires/Preavis/preavis.css b/front/src/components/Affaires/Preavis/preavis.css
index c4f8643b..b7ae929e 100644
--- a/front/src/components/Affaires/Preavis/preavis.css
+++ b/front/src/components/Affaires/Preavis/preavis.css
@@ -6,9 +6,3 @@
 .preavis .md-table {
     width: 70%;
 }
-
-.md-dialog {
-    z-index: 6;
-    /* Le dialogue apparaît sous le div de suggestions du md-autocomplete pour la recherche de clients*/
-}
-
diff --git a/front/src/components/Affaires/Suivi/Suivi.vue b/front/src/components/Affaires/Suivi/Suivi.vue
index de145525..6193fcd0 100644
--- a/front/src/components/Affaires/Suivi/Suivi.vue
+++ b/front/src/components/Affaires/Suivi/Suivi.vue
@@ -1,4 +1,5 @@
 <style src="./suivi.css" scoped></style>
+<style lang="css">.md-menu-content { z-index: 9000 !important; }</style>
 <template src="./suivi.html"></template>
 
 
diff --git a/front/src/components/Affaires/Suivi/suivi.css b/front/src/components/Affaires/Suivi/suivi.css
index b1f0fb39..d77e3c32 100644
--- a/front/src/components/Affaires/Suivi/suivi.css
+++ b/front/src/components/Affaires/Suivi/suivi.css
@@ -12,10 +12,6 @@
     position: absolute;
 }
 
-.md-dialog {
-    z-index: 6; /* Le dialogue apparaît sous le div de suggestions du md-autocomplete pour la recherche de clients*/
-}
-
 .affaire_suivi_prio2 {
     font-style: italic;
     background-color: rgba(215, 241, 219, 0.5);
diff --git a/front/src/components/Affaires/affairesDashboard.html b/front/src/components/Affaires/affairesDashboard.html
index 375e524e..ac156ef4 100644
--- a/front/src/components/Affaires/affairesDashboard.html
+++ b/front/src/components/Affaires/affairesDashboard.html
@@ -15,7 +15,7 @@ <h1 style="margin-bottom: 0px;">
 
                 <div class="md-layout-item md-size-30" style="text-align: right;">
                     <div style="position: absolute; right: 25px; top: 0;">
-                        <md-speed-dial style="align-items: flex-end; z-index: 1;" v-if="permission.affaireCloture && affaire.date_cloture === null" md-direction="bottom"  md-event="click">
+                        <md-speed-dial style="align-items: flex-end;" v-if="permission.affaireCloture && affaire.date_cloture === null" md-direction="bottom"  md-event="click">
                             <md-speed-dial-target id="closeAffaireBtn" class="md-raised md-accent" style="margin: 6px !important;">
                                 <md-icon>block</md-icon>
                             </md-speed-dial-target>