wait #7957

diff --git a/js/libs/fluidbook/cart/fluidbook.cart.newheidi.js b/js/libs/fluidbook/cart/fluidbook.cart.newheidi.js
index 211c8883c2f5361807e1bcf27867290bba34e204..42c10a16c9a5ef75129a0f9b8d24de403a2c80b0 100644 (file)
--- a/js/libs/fluidbook/cart/fluidbook.cart.newheidi.js
+++ b/js/libs/fluidbook/cart/fluidbook.cart.newheidi.js
@@ -233,12 +233,12 @@ FluidbookCartNewHeidi.prototype = {
             var subTotal = $this.normalizePrice((parseFloat(item.price) * parseFloat(item.quantity)).toFixed(2), false);
 
             content += '<tr class="row" data-ref="' + i + '">';
-            content += '<td class="reference">' + i + '</td>';
+            content += '<td class="reference"><span data-label="Réf">' + i + '</span></td>';
             content += '<td class="designation"><span>' + item.name + '</span></td>';
-            content += '<td class="center"><span>' + item.batch + '</span></td>';
-            content += '<td class="center"><span class="price-text">' + $this.normalizePrice(item.price.toFixed(2), false) + '</span></td>';
+            content += '<td class="center"><span data-label="Unités par lot">' + item.batch + '</span></td>';
+            content += '<td class="center"><span data-label="Prix du lot (EUR HT)" class="price-text">' + $this.normalizePrice(item.price.toFixed(2), false) + '</span></td>';
             content += '<td class="quantite center"><button class="quantity-control decrease"></button><input type="text" name="qty" value="' + item.quantity + '" data-ref="' + i + '"><button class="quantity-control increase"></button></td>';
-            content += '<td class="center"><span class="subtotal-text">' + subTotal + '</span></td>';
+            content += '<td class="center"><span class="subtotal-text" data-label="Sous-total (EUR HT)">' + subTotal + '</span></td>';
             content += '<td class="delete"><a href="#" data-cart-delete="' + i + '">' + getSpriteIcon('interface-close') + '</a></td>';
             content += '</tr>';
         });

diff --git a/style/cart/newheidi.less b/style/cart/newheidi.less
index af9b2379769a26e14c7e715e9ff14a9db621eb94..dddcc482361d052ef11f7b38d1c99cfb06c9185a 100644 (file)
--- a/style/cart/newheidi.less
+++ b/style/cart/newheidi.less
@@ -10,7 +10,13 @@
 }
 
 .link a.active[data-cart-ref] {
-  background-color: rgba(0, 255, 0, 0.5);
+  background-color: rgba(222, 229, 154, 0.6);
+}
+
+.icon-cart span.number {
+  background-color: #dee59a;
+  color: #000000;
+  font-weight: bold;
 }
 
 .mview[data-menu="cart"],
@@ -33,6 +39,10 @@
 
   &[data-menu=cart] {
     max-width: 1060px !important;
+
+    @media @breakpoint {
+      min-width: 100% !important;
+    }
   }
 
   &[data-menu=cart-newheidi-sendcart] {
@@ -187,21 +197,10 @@
     margin-left: 0;
   }
 
-  #wrap-newheidicart {
-    overflow-x: auto;
-    position: relative;
-
-    .ps__rail-x {
-      opacity: 1;
+  table,tbody,th,tr,td {
 
-      @media @breakpoint {
-        display: block;
-      }
-    }
-
-    .ps__thumb-x {
-      height: 5px;
-      bottom: 0;
+    @media @breakpoint {
+      display: block;
     }
   }
 
@@ -210,7 +209,7 @@
     min-width: 800px;
 
     @media @breakpoint {
-      min-width: 1023px;
+      min-width: 100%;
     }
 
     th {
@@ -223,6 +222,10 @@
       height: 60px;
       font-size: 13px;
 
+      @media @breakpoint {
+        display: none;
+      }
+
       &.center {
         text-align: center;
       }
@@ -258,6 +261,13 @@
       }
     }
 
+    tr {
+
+      @media @breakpoint {
+        margin-bottom: 20px;
+      }
+    }
+
     td {
       padding: 0 13px;
       height: 80px;
@@ -276,6 +286,10 @@
 
       &.reference {
         padding-left: 33px;
+
+        @media @breakpoint {
+          padding-left: 0;
+        }
       }
 
       &.commentaire,&.reference {
@@ -307,6 +321,22 @@
           width: 10px;
         }
       }
+
+      @media @breakpoint {
+        width: max-content;
+        height: auto;
+        padding: 1px 0;
+        display: block;
+        text-align: left !important;
+      }
+
+      &:not(.designation) span:before {
+
+        @media @breakpoint {
+          content: attr(data-label) ' : ';
+          font-weight: bold;
+        }
+      }
     }
   }
 
@@ -337,12 +367,20 @@
       left: 36px;
       background-size: 5px 2px;
       background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' id='Calque_2' viewBox='0 0 4.84 1.06'><g id='panier'><path d='M0,1.06V0h4.84v1.06H0Z'/></g></svg>");
+
+      @media @breakpoint {
+        left: 4px;
+      }
     }
 
     &.increase {
       right: 36px;
       background-size: 8px 6px;
       background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' id='Calque_2' viewBox='0 0 5.75 6.12'><g id='panier'><path d='M0,3.54v-.95h5.75v.95H0ZM2.39,6.12V0h.98v6.12h-.98Z'/></g></svg>");
+
+      @media @breakpoint {
+        right: 4px;
+      }
     }
   }