Commit ded07a5d authored by svilayphiou's avatar svilayphiou

Fixed spread view.

parent 0ab95375
......@@ -59,7 +59,7 @@
float: left;
}
.spread .paper:first-child {
margin-left: @paper-width - @crop !important;
margin-left: @paper-width - @crop;
}
.spread .paper:nth-child(odd) {
padding-left: 0;
......
......@@ -4,7 +4,7 @@ $(function() {
for (i = 1; i < nb_page; i++){
$("#master-page").clone().attr("id","page-"+i).insertBefore($("#master-page"));
}
$("#master-page").hide();
$("#master-page").attr("data-width", $(".paper:first-child").width()).hide();
// Loads main content into <article id="my-story">
$("#my-story").load(content);
......@@ -29,6 +29,10 @@ $(function() {
e.preventDefault();
$(this).toggleClass("button-active");
$("html").toggleClass("spread");
w = parseInt($("#master-page").attr("data-width")) * 2 + 100;
$("#pages").css("width", w + "px");
$("html").css("width", w + "px");
$(".paper:first-child").css("margin-left", w/2);
});
// __________________________________ HIGH RESOLUTION __________________________________ //
......@@ -86,4 +90,7 @@ $(function() {
$("#pages").css("-webkit-transform", "scale(" + zoom + ")");
$("#pages").css("-webkit-transform-origin", "0 0");
});
});
......@@ -47,7 +47,7 @@
</div>
<div id="toc">
<button id="goto" class="button" href="#">Go to</button>
<button id="goto" class="button" href="#">Go&nbsp;to</button>
<ul id="toc-pages"></ul>
</div>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment