fix #1489 @1

diff --git a/js/libs/modernizr/tests.js b/js/libs/modernizr/tests.js
index 1c47e0a3bc6810e4e5ae2b1950da3fe46525a43c..bfd6cf0b585ea297e00581713bb98ca7eaddb115 100644 (file)
--- a/js/libs/modernizr/tests.js
+++ b/js/libs/modernizr/tests.js
@@ -29,10 +29,22 @@ Modernizr.addTest('ipod', function () {
     return !!navigator.userAgent.match(/iPod/i);
 });
 
+Modernizr.addTest('android', function () {
+    return !!navigator.userAgent.match(/android/i);
+});
+
 Modernizr.addTest('ios', function () {
     return (Modernizr.ipad || Modernizr.ipod || Modernizr.iphone);
 });
 
+Modernizr.addTest('mobile', function () {
+    return (Modernizr.ios || Modernizr.android);
+});
+
+Modernizr.addTest('desktop', function () {
+    return !Modernizr.mobile;
+});
+
 Modernizr.addTest('ios7', function () {
     return Modernizr.ios && navigator.userAgent.match(/(iPad|iPhone|iPod touch);.*CPU.*OS 7_\d/i);
 });
@@ -41,6 +53,14 @@ Modernizr.addTest('firefox', function () {
     return !!navigator.userAgent.match(/firefox/i);
 });
 
+Modernizr.addTest('chrome', function () {
+    return (/Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor)) || /Chromium/.test(navigator.userAgent) || /Opera/.test(navigator.userAgent);
+});
+
+Modernizr.addTest('safari', function () {
+    return /Safari/.test(navigator.userAgent) && /Apple Computer/.test(navigator.vendor);
+});
+
 Modernizr.addTest('edge', function () {
     return !!navigator.userAgent.match(/edge/i);
 });

diff --git a/style/fluidbook.less b/style/fluidbook.less
index 97ae240b8ba8c165986b9838bbae1fd0f469d4bc..1fba16adb6e4122ade8e858016a13c154d4daabe 100644 (file)
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -298,6 +298,31 @@ body, html {
        overflow: hidden;
 }
 
+// Fix for #1489
+
+.chrome.desktop {
+
+       .doublePage {
+               overflow: visible;
+       }
+
+       #pages {
+               -moz-perspective: 5000px;
+               -webkit-perspective: 5000px;
+               -o-perspective: 5000px;
+               -ms-perspective: 5000px;
+               perspective: 5000px;
+       }
+
+       .page {
+               -webkit-transform: translateZ(0);
+               -o-transform: translateZ(0);
+               -ms-transform: translateZ(0);
+               transform: translateZ(0);
+               -moz-transform: translateZ(0);
+       }
+}
+
 /* Shadow */
 #shadow {
        position: absolute;
@@ -1689,18 +1714,18 @@ ul.chapters {
 
 /* 3D */
 #pages._3dtransition {
-       -moz-perspective: 5000px;
-       -webkit-perspective: 5000px;
-       -o-perspective: 5000px;
-       -ms-perspective: 5000px;
-       perspective: 5000px;
-
        -moz-perspective-origin: 50% 75%;
        -webkit-perspective-origin: 50% 75%;
        -ms-perspective-origin: 50% 75%;
        -o-perspective-origin: 50% 75%;
        perspective-origin: 50% 75%;
 
+       -moz-perspective: 5000px;
+       -webkit-perspective: 5000px;
+       -o-perspective: 5000px;
+       -ms-perspective: 5000px;
+       perspective: 5000px;
+
        overflow: visible !important;
 }