yetangitu/epub.js
1
0
Fork 0
mirror of https://github.com/futurepress/epub.js.git synced 2025-10-03 14:59:18 +02:00
Code Issues Releases Wiki Activity

Fixes for vertical mode, svg image column adjustments

Browse source
This commit is contained in:
Fred Chasen 2017-11-21 12:15:04 -08:00
parent 671ed35f34
commit f1fda8a311
4 changed files with 18 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/contents.js
View file

@ -975,7 +975,10 @@ class Contents {
// Deal with Mobile trying to scale to viewport
this.viewport({ width: width, height: height, scale: 1.0, scalable: "no" });
this.css("display", "inline-block"); // Fixes Safari column cut offs
// TODO: inline-block needs more testing
// Fixes Safari column cut offs, but causes RTL issues
// this.css("display", "inline-block");
this.css("overflow-y", "hidden");
this.css("margin", "0", true);

8
src/managers/continuous/index.js
View file

@ -126,9 +126,11 @@ class ContinuousViewManager extends DefaultViewManager {
view.expanded = true;
});
/*
view.on(EVENTS.VIEWS.AXIS, (axis) => {
this.updateAxis(axis);
});
*/
this.views.append(view);
@ -145,9 +147,11 @@ class ContinuousViewManager extends DefaultViewManager {
view.expanded = true;
});
/*
view.on(EVENTS.VIEWS.AXIS, (axis) => {
this.updateAxis(axis);
});
*/
this.views.prepend(view);
@ -541,8 +545,10 @@ class ContinuousViewManager extends DefaultViewManager {
this.mapping.axis(axis);
}
if (axis === "vertical" && this.layout) {
if (this.layout && axis === "vertical") {
this.layout.spread("none");
} else {
this.layout.spread(this.layout.settings.spread);
}
if (axis === "vertical") {

2
src/managers/default/index.js
View file

@ -876,6 +876,8 @@ class DefaultViewManager {
if (this.layout && axis === "vertical") {
this.layout.spread("none");
} else {
this.layout.spread(this.layout.settings.spread);
}
}

5
src/rendition.js
View file

@ -926,6 +926,11 @@ class Rendition {
"max-height": (this._layout.height ? (this._layout.height * 0.6) + "px" : "60%") + "!important",
"object-fit": "contain",
"page-break-inside": "avoid"
},
"svg" : {
"max-width": (this._layout.columnWidth ? this._layout.columnWidth + "px" : "100%") + "!important",
"max-height": (this._layout.height ? (this._layout.height * 0.6) + "px" : "60%") + "!important",
"page-break-inside": "avoid"
}
});