Index: polymer_0.5.4/bower_components/paper-button/paper-button.html |
diff --git a/polymer_0.5.0/bower_components/paper-button/paper-button.html b/polymer_0.5.4/bower_components/paper-button/paper-button.html |
similarity index 86% |
copy from polymer_0.5.0/bower_components/paper-button/paper-button.html |
copy to polymer_0.5.4/bower_components/paper-button/paper-button.html |
index a39814ee433e4a41e77cc304782242caf244d287..e195bc43be155c5ee85f3a4c86b55b68f4ce4ad2 100644 |
--- a/polymer_0.5.0/bower_components/paper-button/paper-button.html |
+++ b/polymer_0.5.4/bower_components/paper-button/paper-button.html |
@@ -30,8 +30,7 @@ create a button with an icon and some text: |
custom button content |
</paper-button> |
-Styling |
-------- |
+## Styling |
Style the button with CSS as you would a normal DOM element. |
@@ -58,6 +57,7 @@ The opacity of the ripple is not customizable via CSS. |
<link href="../polymer/polymer.html" rel="import"> |
<link href="../paper-shadow/paper-shadow.html" rel="import"> |
+<link href="../core-a11y-keys/core-a11y-keys.html" rel="import"> |
<link href="paper-button-base.html" rel="import"> |
@@ -99,7 +99,7 @@ role="button"> |
text-transform: inherit; |
} |
- #shadow { |
+ #bg, #shadow { |
border-radius: inherit; |
} |
@@ -116,6 +116,7 @@ role="button"> |
::content > a { |
height: 100%; |
padding: 0.7em 0.57em; |
+ margin: -0.7em -0.57em; |
/* flex */ |
-ms-flex: 1 1 0.000000001px; |
-webkit-flex: 1; |
@@ -135,6 +136,8 @@ role="button"> |
<content></content> |
</div> |
+ <core-a11y-keys keys="space enter" target="{{}}" on-keys-pressed="{{_activate}}"></core-a11y-keys> |
+ |
</template> |
<script> |
@@ -171,6 +174,22 @@ role="button"> |
*/ |
fill: true |
+ }, |
+ |
+ _activate: function() { |
+ this.click(); |
+ this.fire('tap'); |
+ if (!this.pressed) { |
+ var bcr = this.getBoundingClientRect(); |
+ var x = bcr.left + (bcr.width / 2); |
+ var y = bcr.top + (bcr.height / 2); |
+ this.downAction({x: x, y: y}); |
+ var fn = function fn() { |
+ this.upAction(); |
+ this.removeEventListener('keyup', fn); |
+ }.bind(this); |
+ this.addEventListener('keyup', fn); |
+ } |
} |
}); |