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