| OLD | NEW |
| 1 <!-- | 1 <!-- |
| 2 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. | 2 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. |
| 3 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt | 3 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt |
| 4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | 4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
| 5 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt | 5 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt |
| 6 Code distributed by Google as part of the polymer project is also | 6 Code distributed by Google as part of the polymer project is also |
| 7 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt | 7 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt |
| 8 --><html><head><link rel="import" href="../polymer/polymer.html"> | 8 --><html><head><link rel="import" href="../polymer/polymer.html"> |
| 9 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html"> | 9 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html"> |
| 10 | 10 |
| (...skipping 73 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 84 }; | 84 }; |
| 85 } | 85 } |
| 86 | 86 |
| 87 To change the panel container in different modes: | 87 To change the panel container in different modes: |
| 88 | 88 |
| 89 paper-slider { | 89 paper-slider { |
| 90 --paper-header-panel-standard-container: { | 90 --paper-header-panel-standard-container: { |
| 91 border: 1px solid gray; | 91 border: 1px solid gray; |
| 92 }; | 92 }; |
| 93 | 93 |
| 94 --paper-header-panel-cover-container: { | 94 --paper-header-panel-seamed-container: { |
| 95 border: 1px solid gray; | 95 border: 1px solid gray; |
| 96 }; | 96 }; |
| 97 | 97 |
| 98 --paper-header-panel-waterfall-container: { | 98 --paper-header-panel-waterfall-container: { |
| 99 border: 1px solid gray; | 99 border: 1px solid gray; |
| 100 }; | 100 }; |
| 101 | 101 |
| 102 --paper-header-panel-waterfall-tall-container: { | 102 --paper-header-panel-waterfall-tall-container: { |
| 103 border: 1px solid gray; | 103 border: 1px solid gray; |
| 104 }; | 104 }; |
| 105 |
| 106 --paper-header-panel-scroll-container: { |
| 107 border: 1px solid gray; |
| 108 }; |
| 109 |
| 110 --paper-header-panel-cover-container: { |
| 111 border: 1px solid gray; |
| 112 }; |
| 105 } | 113 } |
| 106 | 114 |
| 107 @group Paper Elements | 115 @group Paper Elements |
| 108 @element paper-header-panel | 116 @element paper-header-panel |
| 109 @demo demo/index.html | 117 @demo demo/index.html |
| 110 @hero hero.svg | 118 @hero hero.svg |
| 111 --> | 119 --> |
| 112 | 120 |
| 113 </head><body><dom-module id="paper-header-panel"> | 121 </head><body><dom-module id="paper-header-panel"> |
| 114 | 122 |
| 115 <link rel="import" type="css" href="paper-header-panel.css"> | 123 <link rel="import" type="css" href="paper-header-panel.css"> |
| 116 | 124 |
| 117 <template> | 125 <template> |
| 118 <content id="headerContent" select="paper-toolbar, .paper-header"></content> | 126 <content id="headerContent" select="paper-toolbar, .paper-header"></content> |
| 119 | 127 |
| 120 <div id="mainPanel"> | 128 <div id="mainPanel"> |
| 121 <div id="mainContainer" class$="[[_computeMainContainerClass(mode)]]"> | 129 <div id="mainContainer" class$="[[_computeMainContainerClass(mode)]]"> |
| 122 <content id="mainContent" select="*"></content> | 130 <content id="mainContent" select="*"></content> |
| 123 </div> | 131 </div> |
| 124 <div id="dropShadow"></div> | 132 <div id="dropShadow"></div> |
| 125 </div> | 133 </div> |
| 126 </template> | 134 </template> |
| 127 | 135 |
| 128 </dom-module> | 136 </dom-module> |
| 129 | 137 |
| 130 <script src="paper-header-panel-extracted.js"></script></body></html> | 138 <script src="paper-header-panel-extracted.js"></script></body></html> |
| OLD | NEW |