Add a slide-in pane to the OOP PDF viewer.

chrome/browser/resources/pdf/elements/pdf-pane/pdf-pane.html

Index: chrome/browser/resources/pdf/elements/pdf-pane/pdf-pane.html
diff --git a/chrome/browser/resources/pdf/elements/pdf-pane/pdf-pane.html b/chrome/browser/resources/pdf/elements/pdf-pane/pdf-pane.html
new file mode 100644
index 0000000000000000000000000000000000000000..f3a5a7921982654671d4cfc8b63aeb762c5aef68
--- /dev/null
+++ b/chrome/browser/resources/pdf/elements/pdf-pane/pdf-pane.html
@@ -0,0 +1,16 @@
+<link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
+<link rel="import" href="chrome://resources/polymer/paper-dialog/paper-dialog.html">
+
+<polymer-element name="pdf-pane" attributes="heading">
+  <template>
+    <link rel="stylesheet" href="pdf-pane.css">
+    <!-- We set layered to false so that we can apply css in our file. -->
+    <paper-dialog id="pdialog" heading="{{heading}}" transition="core-transition-right" class="scrolling pane" layered="false">

[raymes, 2015/01/23 00:16:46]

Can we make the id "paper-dialog"?

[Alexandre Carlton, 2015/01/23 00:25:11]

Polymer allows access to internal elements through "this.$.<id>" (see
pdf-pane.js). Having a hyphen would force us to use "this.$['<id>']", which I'd
rather avoid. Would "dialog" be a better id?

+      <hr>
+      <div id="reset-content">
+        <content></content>
+      </div>
+    </paper-dialog>
+  </template>
+  <script src="pdf-pane.js"></script>
+</polymer-element>