From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Tue, 2 Feb 2021 18:08:53 +0000 (+0100)
Subject: wait #4238 @1.25
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=128a105928fd99f1bc9283b19ec2494971fb35fd;p=fluidbook-html5.git

wait #4238 @1.25
---

diff --git a/js/libs/fluidbook/fluidbook.js b/js/libs/fluidbook/fluidbook.js
index cd48936f..2469c91e 100644
--- a/js/libs/fluidbook/fluidbook.js
+++ b/js/libs/fluidbook/fluidbook.js
@@ -146,6 +146,7 @@ Fluidbook.prototype = {
 
     initSettings: function (settings) {
         this.settings = settings;
+        //
         if ($_GET['transition'] != null) {
             var map = {1: 'none', 2: 'slide', 3: 'flip', 4: 'flip3d'};
             this.settings.mobileTransitions = map[$_GET['transition']];
diff --git a/js/libs/fluidbook/fluidbook.menu.js b/js/libs/fluidbook/fluidbook.menu.js
index 27673f74..6fe599f8 100644
--- a/js/libs/fluidbook/fluidbook.menu.js
+++ b/js/libs/fluidbook/fluidbook.menu.js
@@ -529,8 +529,8 @@ FluidbookMenu.prototype = {
         this.index.openIndex(title, group, closeAll, callback);
     },
     openArchives: function (title, callback) {
-        var archives = this.getCaption(title);
-        archives += '<div class="image" id="archivesview"><img src="data/images/' + this.fluidbook.settings.externalArchives + '" /><div class="links">' + this.fluidbook.settings.links.archives + '</div></div>';
+        var archives = this.getCaption(title, true, title === undefined || title === '' ? 'h0' : '');
+        archives += '<div class="content"><div class="image" id="archivesview"><img src="data/images/' + this.fluidbook.settings.externalArchives + '" /><div class="links">' + this.fluidbook.settings.links.archives + '</div></div></div>';
         this.viewWrap(archives, 'archives', '', 'archives');
         if (callback != undefined) {
             callback();
@@ -950,6 +950,13 @@ FluidbookMenu.prototype = {
                     console.log(d);
                 }
                 break;
+            case 'archives':
+                if (ww < 600) {
+                    fullscreen = true;
+                } else {
+                    w = Math.min(w, this.fluidbook.settings.filesInfos.archives.width / 1.5);
+                }
+                break;
             default:
                 if (m.data('maxwidth') !== null) {
                     maxWidth = parseInt(m.data('maxwidth'));
@@ -1018,8 +1025,8 @@ FluidbookMenu.prototype = {
         });
 
         if ($("#archivesview").length == 1) {
-            var w = this.fluidbook.settings.filesInfos.archives.width;
-            var ratio = $("#archivesview img").width() / w;
+            var arw = this.fluidbook.settings.filesInfos.archives.width;
+            var ratio = $("#archivesview img").width() / arw;
             $("#archivesview .links").transform({scale: [ratio]});
         }
 
diff --git a/js/libs/fluidbook/fluidbook.nav.js b/js/libs/fluidbook/fluidbook.nav.js
index c0440c12..fddb66f3 100644
--- a/js/libs/fluidbook/fluidbook.nav.js
+++ b/js/libs/fluidbook/fluidbook.nav.js
@@ -484,12 +484,7 @@ FluidbookNav.prototype = {
                 // Note: the "!" at the beginning of the title/help parameters means that we don't want these strings translated
                 link = this.addLink(navType, 'nav-locales', '#/locales', 'locales', '!' + this.fluidbook.l10n.getCurrentLanguageName(), '!Select Language', 'Control+L');
             } else if (icon === 'archives') {
-                if (this.fluidbook.settings.archivesLink !== '') {
-                    link = this.addLink(navType, 'nav-archives', this.fluidbook.settings.archivesLink, 'archives', '!' + this.fluidbook.settings.archivesLabel, '!' + this.fluidbook.settings.archivesLabel, '');
-                } else if (this.fluidbook.settings.externalArchives !== '') {
-                    link = this.addLink(navType, 'nav-archives', '#/archives', 'archives', '!' + this.fluidbook.settings.archivesLabel, '!' + this.fluidbook.settings.archivesLabel, '');
-                }
-
+                link = this.addLink(navType, 'nav-archives', '#/archives', 'archives', '!' + this.fluidbook.settings.archivesLabel, '!' + this.fluidbook.settings.archivesLabel, '');
             } else if (icon === 'help') {
                 // __('help')
                 link = this.addLink(navType, 'nav-help', '#', 'help', 'help', 'help', 'F1');
diff --git a/style/fluidbook.less b/style/fluidbook.less
index e58c7862..b2381e4b 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -224,12 +224,12 @@ body, html {
 /* Desktop devices */
 .using-mouse.msie body:not(.zoom-disabled) {
   #links .container {
-    cursor: url(images/cursors/zoom-in.cur),auto;
+    cursor: url(images/cursors/zoom-in.cur), auto;
   }
 
   &.zoomed {
     #links .container {
-      cursor: url(images/cursors/zoom-out.cur),auto;
+      cursor: url(images/cursors/zoom-out.cur), auto;
     }
   }
 }
@@ -2186,19 +2186,28 @@ ul.chapters.shareList a.level0 .svg-icon {
 
 /* Archives */
 #archivesview {
-  position: relative;
-  overflow: hidden;
-  top: 44px;
-}
+  position:relative;
 
-#archivesview .links {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-}
+  img {
+    position: relative;
+    display: block;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: auto;
+    z-index: 0;
+  }
 
-#archivesview .links .link {
-  position: absolute;
+  .links {
+    z-index: 1;
+    position: absolute;
+    top: 0px;
+    left: 0px;
+
+    .link {
+      position: absolute;
+    }
+  }
 }
 
 /* Inner view */