flynx/PortableMag
1
0
Fork 0
mirror of https://github.com/flynx/PortableMag.git synced 2025-12-17 09:01:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

some testing...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-01-22 00:57:01 +04:00
parent 5f3f7caba5
commit 5cadaf2efd
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -272,8 +272,9 @@ function fitPagesTo(elem, n){
// and if CSS transitions are at play new samples will be off... // and if CSS transitions are at play new samples will be off...
// XXX fitting works ONLY in wone direction, if both sides need // XXX fitting works ONLY in one direction, if both sides need
// to be adjusted the this breaks everything... // to be adjusted the this breaks everything...
// do the fitting... // do the fitting...
if(W-cW/H-cH > 1){ if(W-cW/H-cH > 1){
rW = W * (cH/H) rW = W * (cH/H)
@ -293,6 +294,7 @@ function fitPagesTo(elem, n){
} }
// scale horizontally... // scale horizontally...
// NOTE: this is done so as to keep the scale within the content constant...
var scale = vW/(rW*n) var scale = vW/(rW*n)
// or scale vertically if needed... // or scale vertically if needed...
// XXX broken // XXX broken
@ -487,7 +489,7 @@ function createPage(article, template){
</div> </div>
<div class="page"> <div class="page">
<div class="content"> <div class="content">
Page <img src="img.jpg" width="200%" style="margin-left: -50%; margin-top: -20%"/>
</div> </div>
</div> </div>
</div> </div>

6
magazine.css
View File

@ -10,6 +10,7 @@ body {
display: inline-block; display: inline-block;
vertical-align: bottom; vertical-align: bottom;
text-align: center; text-align: center;
overflow: hidden;
/* XXX need these to be the same as the magazine, for some reason does not work... /* XXX need these to be the same as the magazine, for some reason does not work...
* one way to go is to use a fixed page layout and scale things manually. * one way to go is to use a fixed page layout and scale things manually.
@ -33,6 +34,7 @@ body {
display: inline-block; display: inline-block;
text-align: left; text-align: left;
position: relative; position: relative;
overflow: visible;
/* these set the "safe" marks for page content */ /* these set the "safe" marks for page content */
width: 800px; width: 800px;
@ -134,7 +136,6 @@ body {
/* modes */ /* modes */
.page-view-mode.viewer { .page-view-mode.viewer {
background: white;
} }
.page-view-mode .page .content { .page-view-mode .page .content {
@ -144,9 +145,6 @@ body {
.page-view-mode.viewer.dragging { .page-view-mode.viewer.dragging {
/*
background: silver;
*/
} }
.page-view-mode.dragging .page .content { .page-view-mode.dragging .page .content {
} }