wip #2934 @5

diff --git a/public/_modules/product-detail-page/index.html b/public/_modules/product-detail-page/index.html
index 318dee9ad2bbe34ad9c7be434fd2dae883c08a7c..d63a15767ac2793366b3753aec5ab9d7e660bbfd 100644 (file)
--- a/public/_modules/product-detail-page/index.html
+++ b/public/_modules/product-detail-page/index.html
@@ -153,18 +153,18 @@
                         </div>
 
 
-                        <div class="flex">
-                        <p class="mt-4"><a href="/storage/116/Datasheet_K3D120_pmi_EN.pdf">
-                            Télécharger la fiche produit
-                        </a></p>
+                    <div class="flex justify-center">
+                        <!--<p class="mt-4"><a href="/storage/116/Datasheet_K3D120_pmi_EN.pdf">-->
+                            <!--Télécharger la fiche produit-->
+                        <!--</a></p>-->
 
-                        <div data-tooltip-content="Ajoutez un ou plusieurs produits à votre sélection,
-ajustez les quantités et obtenez un devis." class="ml-4 question-tooltip">
-                            <div class="questionmark">
-                                ?
+                            <div data-tooltip-content="Ajoutez un ou plusieurs produits à votre sélection,
+    ajustez les quantités et obtenez un devis." class="mt-4 question-tooltip">
+                                <div class="questionmark">
+                                    ?
+                                </div>
                             </div>
                         </div>
-                        </div>
                     </div>
                 </div>
             </div>

diff --git a/public/_modules/product-detail-page/main.js b/public/_modules/product-detail-page/main.js
index 417a78b7406590e2f41c1301314cff49f61553b4..c5fee5e449ce8b47bf2987dc87847db531c01c08 100644 (file)
--- a/public/_modules/product-detail-page/main.js
+++ b/public/_modules/product-detail-page/main.js
@@ -8,9 +8,17 @@ tippy('.question-tooltip', {
     flipBehavior: ["top", "bottom"],
     theme: 'custom',
     placement: 'top',
-    trigger: 'click', // remove click trigger to hover
+    trigger: 'click', // remove click trigger to hover,
+
+    popperOptions:{
+        modifiers: {
+            data: {styles: {marginBottom: '50px'}},
+            hide: { enabled: true }
+        }
+    },
 
     // onCreate: data => {
     //     data.styles: 'margin: 0 20px';
     // },
-});
+
+});
\ No newline at end of file

diff --git a/public/_modules/product-detail-page/style.styl b/public/_modules/product-detail-page/style.styl
index 61cd2c95880a0f8c1dab1b1d8c1363636da5ae0c..d36368227c6f86b5a28848fcd7500ecb0496fa7b 100644 (file)
--- a/public/_modules/product-detail-page/style.styl
+++ b/public/_modules/product-detail-page/style.styl
@@ -23,4 +23,7 @@
   border-top-color: #6B7287;
 
 .tippy-tooltip.custom-theme[x-placement^='bottom'] .tippy-arrow
-  border-bottom-color: #6B7287;
\ No newline at end of file
+  border-bottom-color: #6B7287;
+
+.tippy-popper
+  margin: 0 1rem
\ No newline at end of file