Material PDF: Restore animated entry and exit of viewer toolbars
[chromium-blink-merge.git] / chrome / browser / resources / pdf / elements / viewer-pdf-toolbar / viewer-pdf-toolbar.html
blob3ba0ceb2c13c27237858f3535eaced9c4f40f6d0
1 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-shadow-flex-layout.html">
3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/image-icons.html">
4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.html">
5 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/slide-down-animation.html">
6 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/slide-up-animation.html">
7 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animation-runner-behavior.html">
8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
9 <link rel="import" href="chrome://resources/polymer/v1_0/paper-material/paper-material.html">
10 <link rel="import" href="chrome://resources/polymer/v1_0/paper-progress/paper-progress.html">
11 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toolbar/paper-toolbar.html">
12 <link rel="import" href="../viewer-page-selector/viewer-page-selector.html">
14 <dom-module id="viewer-pdf-toolbar">
15 <link rel="import" type="css" href="viewer-pdf-toolbar.css">
16 <template>
17 <paper-material class="fit"></paper-material>
19 <paper-progress value="{{loadProgress}}"></paper-progress>
21 <paper-toolbar class="core-narrow">
22 <div id="aligner" class="horizontal layout center">
23 <span id="title" class="invisible flex-5" title="{{docTitle}}">
24 <span>{{docTitle}}</span>
25 </span>
27 <div class="flex-1" id="pageselector-container">
28 <viewer-page-selector id="pageselector" class="invisible"
29 doc-length="{{docLength}}" page-no="{{pageNo}}">
30 </viewer-page-selector>
31 </div>
33 <div id="buttons" class="invisible flex-5">
34 <paper-icon-button icon="image:rotate-right"
35 on-click="rotateRight"></paper-icon-button>
36 <paper-icon-button icon="bookmark-outline"
37 on-click="toggleBookmarks" hidden></paper-icon-button>
38 <paper-icon-button icon="save"
39 on-click="save"></paper-icon-button>
40 <paper-icon-button icon="print"
41 on-click="print"></paper-icon-button>
42 </div>
43 </div>
44 </paper-toolbar>
45 </template>
46 </dom-module>
47 <script src="viewer-pdf-toolbar.js"></script>