| Index: third_party/polymer/v1_0/components-chromium/paper-ripple/paper-ripple.html
|
| diff --git a/third_party/polymer/v1_0/components-chromium/paper-ripple/paper-ripple.html b/third_party/polymer/v1_0/components-chromium/paper-ripple/paper-ripple.html
|
| index b01a42462149bc7f961179c45ef09b686fea6041..c95e91793f2fc46792c2f8e1e0d15a2da1be9d56 100644
|
| --- a/third_party/polymer/v1_0/components-chromium/paper-ripple/paper-ripple.html
|
| +++ b/third_party/polymer/v1_0/components-chromium/paper-ripple/paper-ripple.html
|
| @@ -9,19 +9,26 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
| <link rel="import" href="../iron-a11y-keys-behavior/iron-a11y-keys-behavior.html">
|
|
|
| <!--
|
| +Material design: [Surface reaction](https://www.google.com/design/spec/animation/responsive-interaction.html#responsive-interaction-surface-reaction)
|
| +
|
| `paper-ripple` provides a visual effect that other paper elements can
|
| use to simulate a rippling effect emanating from the point of contact. The
|
| effect can be visualized as a concentric circle with motion.
|
|
|
| Example:
|
|
|
| - <paper-ripple></paper-ripple>
|
| + <div style="position:relative">
|
| + <paper-ripple></paper-ripple>
|
| + </div>
|
| +
|
| +Note, it's important that the parent container of the ripple be relative position, otherwise
|
| +the ripple will emanate outside of the desired container.
|
|
|
| `paper-ripple` listens to "mousedown" and "mouseup" events so it would display ripple
|
| effect when touches on it. You can also defeat the default behavior and
|
| manually route the down and up actions to the ripple element. Note that it is
|
| -important if you call downAction() you will have to make sure to call
|
| -upAction() so that `paper-ripple` would end the animation loop.
|
| +important if you call `downAction()` you will have to make sure to call
|
| +`upAction()` so that `paper-ripple` would end the animation loop.
|
|
|
| Example:
|
|
|
|
|