wip #7898 @0:30

diff --git a/js/libs/fluidbook/cart/fluidbook.cart.kimplay.js b/js/libs/fluidbook/cart/fluidbook.cart.kimplay.js
index d37a7ee32f80e115f200d3e18d1674ab10cee225..e67ea32ced5f1fb5a95c7b66cf52b5e6fd0407d5 100644 (file)
--- a/js/libs/fluidbook/cart/fluidbook.cart.kimplay.js
+++ b/js/libs/fluidbook/cart/fluidbook.cart.kimplay.js
@@ -69,9 +69,9 @@ FluidbookCartKimplay.prototype = {
                         <div>(réf. ${ref})</div>
                         <br>
                         <label>Quantité souhaitée :</label>
-                        <input type="text" name="qty" value="${quantity}"><br>
+                        <input type="text" name="qty" value="${quantity}"><br><br><br>
                         <label>Commentaire (facultatif)</label>
-                        <textarea name="comment">${comment}</textarea><br>
+                        <textarea name="comment">${comment}</textarea><br><br><br>
                         <button data-ref="${ref}">Ajouter à ma sélection</button>
                     </div>
                 </div>
@@ -322,7 +322,7 @@ FluidbookCartKimplay.prototype = {
                 $this.updateTitle('Merci !')
                 $this.updateCartContent($this.getConfirm())
                 $this.fluidbook.resize.resize();
-                $(".confirm-content").css("max-width","max-content !important")
+                $("[data-menu=kimplay-sendcart], #kimplay-sendcart").addClass("confirm")
             },
             error: function (xhr, status, error) {
                 let errorsMessage = JSON.parse(xhr.responseText);

diff --git a/style/cart/kimplay.less b/style/cart/kimplay.less
index f74c516128ac98a433362cbbe6acce4efe2fd4e6..ab56342d83ce56d066ef87f045f5a139738486ce 100644 (file)
--- a/style/cart/kimplay.less
+++ b/style/cart/kimplay.less
@@ -21,6 +21,10 @@
 
   &[data-menu=cart-kimplay-sendcart] {
     max-width: 680px !important;
+    &.confirm {
+      max-width: max-content !important;
+      padding: 41px 50px;
+    }
   }
 
   * {
@@ -318,6 +322,18 @@
       resize: none;
     }
   }
+
+  &.confirm {
+
+    .caption {
+      position: initial;
+
+      a.back {
+        right: 16px;
+        top: 30px;
+      }
+    }
+  }
 }
 
 div.link[data-action="basket"] {