]> _ Git - fluidbook-html5.git/commitdiff
wait #7898 @0:20
authorsoufiane <soufiane@cubedesigners.com>
Wed, 21 Jan 2026 13:56:22 +0000 (14:56 +0100)
committersoufiane <soufiane@cubedesigners.com>
Wed, 21 Jan 2026 13:56:22 +0000 (14:56 +0100)
js/libs/fluidbook/cart/fluidbook.cart.kimplay.js
style/cart/kimplay.less

index 428aabc79dc128545c4b67c94267004816de6789..e76ec5199cfece45e0943f5a8495f2c6552b9c27 100644 (file)
@@ -224,6 +224,7 @@ FluidbookCartKimplay.prototype = {
         view += '</div>';
         this.fluidbook.menu.viewWrap(view, 'cart');
         this.ps = new PerfectScrollbar("#kimplaycart .content");
+        $("#wrap-kimplaycart").perfectScrollbar();
         callback();
     },
 
index 71f6964a79a944a96baf159243aff6745e64464c..270d47faf91bff85174ea29b8c417e60ddc2e7bc 100644 (file)
@@ -12,7 +12,9 @@
   background-color: rgba(0, 255, 0, 0.5);
 }
 
-.mview {
+.mview[data-menu="cart-kimplay-qty"],
+.mview[data-menu="cart"],
+.mview[data-menu="cart-kimplay-sendcart"] {
   font-size: 14px;
   background: #fff;
   color: #000;
   }
 }
 
-#kimplaycart {
+.mview[data-menu="cart"] {
+  padding: 0;
 
   .caption {
-    padding-right: 10px;
+    padding-right: 30px;
+    padding-left: 30px;
 
     a.back.small {
-      right: -10px;
+      right: 25px;
     }
   }
 
+  .content {
+    padding: 0 30px;
+  }
+
   .ps__rail-x {
     display: none;
+    width: 5px;
+    height: 5px;
   }
 
   .ps__rail-y,
     padding-right: 5px;
   }
 
-  .ps__rail-y {
+  [class^=ps__rail] {
     background-color: #bce9e9;
   }
 
-  .ps__thumb-y {
+  [class^=ps__thumb] {
     background-color: #7dd4e6;
+  }
+
+  .ps__thumb-y {
     right: 0;
   }
 
-  &table {
+  #kimplaycarttable {
     margin-left: 0;
   }
 
   #wrap-kimplaycart {
     overflow-x: auto;
+    position: relative;
+
+    .ps__rail-x {
+      opacity: 1;
+
+      @media @breakpoint {
+        display: block;
+      }
+    }
+
+    .ps__thumb-x {
+      height: 5px;
+      bottom: 0;
+    }
   }
 
   table {
 }
 
 #kimplay-sendcart {
+
   .caption a.back {
     right: -10px;
   }