wip #4117 @1

diff --git a/js/libs/fluidbook/cart/fluidbook.cart.grandvision.js b/js/libs/fluidbook/cart/fluidbook.cart.grandvision.js
index bbe7054d3875a7bf95d06ff61a9185222d5fe1ab..587ad28afa2f9aee432ac58b0944d401614a864d 100644 (file)
--- a/js/libs/fluidbook/cart/fluidbook.cart.grandvision.js
+++ b/js/libs/fluidbook/cart/fluidbook.cart.grandvision.js
@@ -231,6 +231,7 @@ FluidbookCartGrandVision.prototype = {
         }
 
         $("#grandvision-selection .items").perfectScrollbar();
+
     },
 
     openSelection: function (cb) {

diff --git a/js/libs/fluidbook/fluidbook.menu.js b/js/libs/fluidbook/fluidbook.menu.js
index 7fbd6782e36c68565c69bc69e42019ec4fc4d3ad..435fe8786ccf6f523d5b52293add807a7480015a 100644 (file)
--- a/js/libs/fluidbook/fluidbook.menu.js
+++ b/js/libs/fluidbook/fluidbook.menu.js
@@ -770,6 +770,22 @@ FluidbookMenu.prototype = {
                     fullscreen = true;
                 }
                 break;
+            case 'cart-grandvision-selection':
+                h = hh * 0.98
+                var rw = 1100;
+                var rh = 750;
+                if (ww < rw || hh < rh) {
+                    var s = Math.min(ww / rw, hh / rh);
+                } else {
+                    s = 1;
+                }
+                h = rh * s;
+                w = rw * s;
+                $("#grandvision-cart").css('transform', 'scale(' + s + ')');
+                setTimeout(function () {
+                    $("#grandvision-selection .items").perfectScrollbar('update');
+                }, 200);
+                break;
             case 'bookmarks':
                 if (this.fluidbook.mobilefirst.enabled) {
                     var indexWidth = Math.floor(ww / 230) * 230;

diff --git a/style/cart/grandvision.less b/style/cart/grandvision.less
index f9ded6bb32b85be92b858e0c5219e981fc5a7024..6b8d909e253e58e908119c9f7ff29718a7e3cb8e 100644 (file)
--- a/style/cart/grandvision.less
+++ b/style/cart/grandvision.less
@@ -52,6 +52,9 @@
   @bleu: #2459a9;
   background-color: #f3f3f3;
   padding: 0 40px 40px 40px;
+  height: 750px;
+  width: 1100px;
+  transform-origin: 0 0;
 
   .item, .text {
     &:hover {