verbessere CSS des PDFs

3 files changed, 9 insertions, 11 deletions

diff --git a/css/index.css b/css/index.css
index d35fe38..cca4c21 100644
--- a/css/index.css
+++ b/css/index.css
@@ -51,11 +51,7 @@ body {
 }
 
 .pdfpage {
-    width: 100%;
-}
-
-.pdfcanvas {
-    height: 100%;
+    overflow: auto;
 }
 
 #loadercontainer {
diff --git a/index.html b/index.html
index 8a1d6c1..eeba963 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,7 @@
         <meta charset="utf-8" />
         <meta name="format-detection" content="telephone=no" />
         <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
-        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
+        <meta name="viewport" content="user-scalable=true, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
         <link rel="stylesheet" type="text/css" href="css/index.css" />
         <link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.2.min.css" />
         <title>WvS VPlan</title>
diff --git a/js/index.js b/js/index.js
index fa222d8..a520df9 100644
--- a/js/index.js
+++ b/js/index.js
@@ -56,14 +56,16 @@ function fillform(){
 /* PDF Rendering */
 function renderPage($div, pdf, pageNumber, callback){
     pdf.getPage(pageNumber).then(function(page){
-        var scale = 2;
+        var scale = 1;
         var viewport = page.getViewport(scale);
 
         var pageDisplayWidth = viewport.width;
         var pageDisplayHeight = viewport.height;
 
-        var pageDivHolder = document.createElement('div');
-        pageDivHolder.className = 'pdfpage';
+        var $pageDivHolder = $('<div></div>');
+        $pageDivHolder.addClass('pdfpage');
+        $pageDivHolder.width($(window).width()) // TODO Rotation change
+        $pageDivHolder.height($(window).height());
 
         var $canvas = $('<canvas></canvas>');
         var canvas = $canvas.get(0);
@@ -72,8 +74,8 @@ function renderPage($div, pdf, pageNumber, callback){
         canvas.width = pageDisplayWidth;
         canvas.height = pageDisplayHeight;
 
-        pageDivHolder.appendChild(canvas);
-        $div.append(pageDivHolder);
+        $pageDivHolder.append(canvas);
+        $div.append($pageDivHolder);
 
         var renderContext = {
             canvasContext: context,