From: notmasteryet <async.processingjs@yahoo.com>
Date: Sat, 3 Sep 2011 01:36:17 +0000 (-0500)
Subject: Zoom In/Out buttons
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=8dfaf760f1e8b90623a7f274b24a9c6feb0d6e86;p=pdf.js.git

Zoom In/Out buttons
---

diff --git a/web/viewer.css b/web/viewer.css
index 1aa7353..a31c0b0 100755
--- a/web/viewer.css
+++ b/web/viewer.css
@@ -21,6 +21,8 @@ body {
   height: 40px;
   width: 100%;
   z-index: 1;
+  white-space:nowrap;
+  overflow: hidden;
 }
 
 .separator {
@@ -63,6 +65,12 @@ span#info {
   }
 }
 
+#zoomOut, #zoomIn {
+  font-weight: bold;
+  font-size: larger;
+  width: 32px;
+}
+
 /* === Sidebar === */
 #sidebar {
   position: fixed;
diff --git a/web/viewer.html b/web/viewer.html
index 090ea6b..b29ef94 100644
--- a/web/viewer.html
+++ b/web/viewer.html
@@ -45,6 +45,9 @@
         <option id="pageFitOption" value="page-fit">Page Fit</option>
       </select>
 
+      <button id="zoomOut" onclick="PDFView.zoomOut();" title="Zoom Out">&ndash;</button>
+      <button id="zoomIn" onclick="PDFView.zoomIn();" title="Zoom In">+</button>
+
       <div class="separator"></div>
 
       <button id="print" onclick="window.print();">