Index: polymer_0.5.0/bower_components/paper-icon-button/paper-icon-button.html |
diff --git a/bower_components/paper-icon-button/paper-icon-button.html b/polymer_0.5.0/bower_components/paper-icon-button/paper-icon-button.html |
similarity index 83% |
rename from bower_components/paper-icon-button/paper-icon-button.html |
rename to polymer_0.5.0/bower_components/paper-icon-button/paper-icon-button.html |
index cefe7597299b195f3d4c850e6c70cb28996a65b0..512281b05caf455999626fc74decb11964d6ac3f 100644 |
--- a/bower_components/paper-icon-button/paper-icon-button.html |
+++ b/polymer_0.5.0/bower_components/paper-icon-button/paper-icon-button.html |
@@ -10,13 +10,18 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
<!-- |
@group Paper Elements |
-Material Design: <a href="https://spec.googleplex.com/quantum/components/buttons.html">Buttons</a> |
+Material Design: <a href="http://www.google.com/design/spec/components/buttons.html">Buttons</a> |
`paper-icon-button` is a button with an image placed at the center. When the user touches |
the button, a ripple effect emanates from the center of the button. |
-You may import `core-icons` to use with this element, or provide an URL to a custom icon. |
-See `core-iconset` for more information about how to use a custom icon set. |
+`paper-icon-button` includes a default icon set. Use `icon` to specify which icon |
+from the icon set to use. |
+ |
+ <paper-icon-button icon="menu"></paper-icon-button> |
+ |
+See [`core-iconset`](#core-iconset) for more information about |
+how to use a custom icon set. |
Example: |
@@ -60,6 +65,7 @@ you should ensure that the `aria-label` attribute is set. |
<link href="../polymer/polymer.html" rel="import"> |
<link href="../core-icon/core-icon.html" rel="import"> |
+<link href="../core-icons/core-icons.html" rel="import"> |
<link href="../paper-button/paper-button-base.html" rel="import"> |
<link href="../paper-ripple/paper-ripple.html" rel="import"> |
@@ -74,6 +80,8 @@ you should ensure that the `aria-label` attribute is set. |
padding: 8px; |
outline: none; |
-webkit-user-select: none; |
+ -moz-user-select: none; |
+ -ms-user-select: none; |
user-select: none; |
cursor: pointer; |
z-index: 0; |
@@ -89,6 +97,11 @@ you should ensure that the `aria-label` attribute is set. |
pointer-events: none; |
z-index: -1; |
} |
+ |
+ #icon { |
+ display: block; |
+ pointer-events: none; |
+ } |
</style> |
<!-- to position to ripple behind the icon --> |
@@ -128,7 +141,10 @@ you should ensure that the `aria-label` attribute is set. |
}, |
iconChanged: function(oldIcon) { |
- this.setAttribute('aria-label', this.icon); |
+ var label = this.getAttribute('aria-label'); |
+ if (!label || label === oldIcon) { |
+ this.setAttribute('aria-label', this.icon); |
+ } |
} |
}); |