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..59aeffacc83d3f84e8272f689c5432ee3208993e
--- /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="dialog" heading="{{heading}}" transition="core-transition-right" class="scrolling pane" layered="false">

[benwells, 2015/01/27 02:14:16]

Isn't layered=false the default?

[Alexandre Carlton, 2015/01/27 03:11:46]

The default is layered=true in paper-dialog-base (paper-dialog extends this
element):
https://www.polymer-project.org/docs/elements/paper-elements.html#paper-dialo...

It is false by default in core-overlay:
https://www.polymer-project.org/docs/elements/core-elements.html#core-overlay

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