From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Wed, 24 Feb 2021 14:46:45 +0000 (+0100)
Subject: wip #4117 @1
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=c1765d8269e5dfb487b59a1a80bb9ce287e84dad;p=fluidbook-html5.git

wip #4117 @1
---

diff --git a/js/libs/fluidbook/cart/fluidbook.cart.grandvision.js b/js/libs/fluidbook/cart/fluidbook.cart.grandvision.js
index bbe7054d..587ad28a 100644
--- 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 7fbd6782..435fe878 100644
--- 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 f9ded6bb..6b8d909e 100644
--- 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 {