| OLD | NEW |
| 1 Polymer({ | 1 |
| 2 Polymer({ |
| 2 is: 'paper-menu-grow-height-animation', | 3 is: 'paper-menu-grow-height-animation', |
| 3 | 4 |
| 4 behaviors: [ | 5 behaviors: [ |
| 5 Polymer.NeonAnimationBehavior | 6 Polymer.NeonAnimationBehavior |
| 6 ], | 7 ], |
| 7 | 8 |
| 8 configure: function(config) { | 9 configure: function(config) { |
| 9 var node = config.node; | 10 var node = config.node; |
| 10 var rect = node.getBoundingClientRect(); | 11 var rect = node.getBoundingClientRect(); |
| 11 var height = rect.height; | 12 var height = rect.height; |
| (...skipping 70 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 82 this._effect = new KeyframeEffect(node, [{ | 83 this._effect = new KeyframeEffect(node, [{ |
| 83 height: height + 'px', | 84 height: height + 'px', |
| 84 transform: 'translateY(0)' | 85 transform: 'translateY(0)' |
| 85 }, { | 86 }, { |
| 86 height: height / 2 + 'px', | 87 height: height / 2 + 'px', |
| 87 transform: 'translateY(-20px)' | 88 transform: 'translateY(-20px)' |
| 88 }], this.timingFromConfig(config)); | 89 }], this.timingFromConfig(config)); |
| 89 | 90 |
| 90 return this._effect; | 91 return this._effect; |
| 91 } | 92 } |
| 92 }); | 93 }); |
| OLD | NEW |