| Index: third_party/polymer/v1_0/components/paper-header-panel/paper-header-panel.html
|
| diff --git a/third_party/polymer/v1_0/components/paper-header-panel/paper-header-panel.html b/third_party/polymer/v1_0/components/paper-header-panel/paper-header-panel.html
|
| index 8ce83ac3c796e902b29faae44390938ba86bb1d6..d337995eb190322488e824cbeb42578f6410bd35 100644
|
| --- a/third_party/polymer/v1_0/components/paper-header-panel/paper-header-panel.html
|
| +++ b/third_party/polymer/v1_0/components/paper-header-panel/paper-header-panel.html
|
| @@ -66,7 +66,7 @@ Mode | Description
|
| `scroll` | The header keeps its seam with the panel, and is pushed off screen.
|
| `cover` | The panel covers the whole `paper-header-panel` including the header. This allows user to style the panel in such a way that the panel is partially covering the header.
|
|
|
| -Example:
|
| +Example:
|
|
|
| <paper-header-panel mode="waterfall">
|
| <div class="paper-header">standard</div>
|
| @@ -127,6 +127,17 @@ To change the panel container in different modes:
|
| z-index: 0;
|
| }
|
|
|
| + :root {
|
| + /**
|
| + * Default paper header panel shadow
|
| + */
|
| + --paper-header-panel-shadow: {
|
| + height: 6px;
|
| + bottom: -6px;
|
| + box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4);
|
| + };
|
| + }
|
| +
|
| #mainContainer {
|
| @apply(--layout-flex);
|
|
|
| @@ -230,19 +241,6 @@ To change the panel container in different modes:
|
|
|
| </dom-module>
|
|
|
| -<style is="custom-style">
|
| - :root {
|
| - /**
|
| - * Default paper header panel shadow
|
| - */
|
| - --paper-header-panel-shadow: {
|
| - height: 6px;
|
| - bottom: -6px;
|
| - box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4);
|
| - };
|
| - }
|
| -</style>
|
| -
|
| <script>
|
|
|
| (function() {
|
| @@ -458,7 +456,7 @@ To change the panel container in different modes:
|
| header.classList.remove(this.tallClass);
|
| this.async(function() {
|
| header.classList.remove('animate');
|
| - }, null, animateDuration);
|
| + }, animateDuration);
|
| } else {
|
| header.classList.toggle('animate', configs.tallMode[newMode]);
|
| }
|
| @@ -481,7 +479,7 @@ To change the panel container in different modes:
|
|
|
| _scroll: function(e) {
|
| this._keepScrollingState();
|
| - this.fire('content-scroll', {target: this.scroller}, this, false);
|
| + this.fire('content-scroll', {target: this.scroller}, {bubbles: false});
|
| },
|
|
|
| _getScrollerForMode: function(mode) {
|
|
|