From 30eadb6445a59035929b442da36c1aab0f78d081 Mon Sep 17 00:00:00 2001
From: Pavel Makhov <pavel.makhov@cern.ch>
Date: Thu, 12 May 2016 09:01:36 +0200
Subject: [PATCH] Optional height

---
 demo/index.html | 6 ++++--
 main.js         | 5 +++--
 2 files changed, 7 insertions(+), 4 deletions(-)
diff --git a/demo/index.html b/demo/index.html
index 9c06af0..37a8097 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -25,7 +25,7 @@
 
   <link rel="import" href="../pdf-element.html">
 
-  <style is="custom-style" include="demo-pages-shared-styles">
+  <style is="custom-style" >
     .vertical-section-container {
       max-width: 900px;
     }
@@ -37,13 +37,15 @@
 </head>
 
 <body unresolved>
+
   <div class="vertical-section-container centered">
     <h3>PDF-element</h3>
     <demo-snippet class="centered-demo">
       <template>
-          <pdf-element src="./example.pdf"
+        <pdf-element src="./example.pdf"
                      elevation="5"
                      downloadable
+                     height="900"
                      show-file-name
                      enable-text-selection></pdf-element>
       </template>
diff --git a/main.js b/main.js
index ea67775..bb103c9 100644
--- a/main.js
+++ b/main.js
@@ -11,7 +11,7 @@
     this.toolbarHeight = 0;
     this.title = this.toolbar.querySelector('.title');
     this.enableTextSelection = el.enableTextSelection;
-
+    this.HEIGHT = el.getAttribute('height');
 
     this.viewport = this.reader.querySelector('.pdf-viewport');
 
@@ -39,7 +39,8 @@
   Reader.prototype.setSize = function(attrName, newVal) {
 
     this.WIDTH = this.viewportOut.offsetWidth;
-    this.HEIGHT = this.viewportOut.offsetHeight;
+    if (!this.HEIGHT)
+      this.HEIGHT = this.viewportOut.offsetHeight;
 
     var width = this.WIDTH,
       height = this.HEIGHT;
