From: soufiane <soufiane@cubedesigners.com>
Date: Tue, 20 Jan 2026 11:03:48 +0000 (+0100)
Subject: wip #7898 @0:30
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=d6f1785160ed2c19004c67a04cb1df4f26801cb3;p=fluidbook-html5.git

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 d37a7ee3..e67ea32c 100644
--- 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 f74c5161..ab56342d 100644
--- 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"] {