]> _ Git - fluidbook-html5.git/commitdiff
try #1584 @4
authorVincent Vanwaelscappel <vincent@cubedesigners.com>
Wed, 17 Jan 2018 17:24:43 +0000 (18:24 +0100)
committerVincent Vanwaelscappel <vincent@cubedesigners.com>
Wed, 17 Jan 2018 17:24:43 +0000 (18:24 +0100)
js/libs/fluidbook/fluidbook.js
js/libs/fluidbook/fluidbook.loader.js
style/fluidbook.less

index 1fad66fa34222a544c7b3db321abb5f85957b25d..9fe416c1171f89eae2b35e83945d5da2e0955166 100644 (file)
@@ -187,7 +187,7 @@ Fluidbook.prototype = {
             return;
         }
         $(doublePage).find('.' + position).remove();
-        var page = '<div class="page ' + position + '" id="page_' + pageNr + '" data-page="' + pageNr + '"><div class="background" page="' + pageNr + '"></div><div class="clinks"></div><div class="texts" highlight=""></div><div class="shade"></div></div>';
+        var page = '<div class="page ' + position + '" id="page_' + pageNr + '" data-page="' + pageNr + '"><div class="background" page="' + pageNr + '"></div><div class="texts" highlight=""></div><div class="clinks"></div><div class="shade"></div></div>';
         $(doublePage).append(page);
     },
     hidePage: function (position) {
index 645b3759e7e7a6fc67096a49dadb595a27ddf08b..4540e08e5fe5c2133278324730923952ecd360a2 100644 (file)
@@ -169,9 +169,6 @@ FluidbookLoader.prototype = {
         this.fluidbook.initPage(pageNr, doublePage, position);
         var version = this.getVersionToLoad(parseInt(pageNr));
         page = $("#page_" + pageNr);
-        if (version == 'vector') {
-            $(page).addClass('transparentbg');
-        }
         $(doublePage).append(page);
         $(page).show();
         $(page).addClass(position);
@@ -267,9 +264,9 @@ FluidbookLoader.prototype = {
         }
     },
     _loadTexts: function (pageNr, callback) {
-        var w = this.fluidbook.datas.width / 0.75;
-        var h = this.fluidbook.datas.height / 0.75;
-        this.texts[pageNr] = this.loadImage(this.getTextsURL(pageNr), w, h, 'image/svg+xml', callback);
+        // var w = this.fluidbook.datas.width / 0.75;
+        // var h = this.fluidbook.datas.height / 0.75;
+        this.texts[pageNr] = this.loadImage(this.getTextsURL(pageNr), null, null, 'image/svg+xml', callback);
     },
     loadDatas: function (pageNr, callback) {
         var $this = this;
index 656a38dcbc40814e740da0c6c23db120c8280eba..24dff9a6ab54af47e6506d0e98a71339916d0ae6 100644 (file)
@@ -297,44 +297,36 @@ body, html {
        position: absolute;
        top: 0px;
        background-color: #fff;
-       &.transparentbg {
-               background-color: transparent;
+       .texts {
+               position: absolute;
+               top: -1px;
+               left: -1px;
        }
-}
-
-.page .shade {
-       position: absolute;
-       top: 0px;
-}
-
-.page.right .shade {
-       left: 0px;
-}
-
-.page.left .shade {
-       right: 0px;
-}
-
-.background, .texts, .l, .g, .s {
-       position: absolute;
-       top: 0px;
-       left: 0px;
-}
 
-.texts .g {
-       line-height: 1;
-}
+       .background{
+               position: absolute;
+               top: 0px;
+               left: 0px;
+               width: 100%;
+               height: 100%;
+       }
 
-.g, .gs, .l {
-       white-space: nowrap;
-}
+       .shade {
+               position: absolute;
+               top: 0px;
+       }
 
-.texts .gs {
-       display: inline-block;
-}
+       &.right{
+               .shade {
+                       left: 0px;
+               }
+       }
 
-.o {
-       font-style: oblique;
+       &.left{
+               .shade{
+                       right: 0px;
+               }
+       }
 }
 
 .doublePage, #pages {