Index: polymer_0.5.4/bower_components/paper-checkbox/paper-checkbox.html |
diff --git a/polymer_0.4.0/bower_components/paper-checkbox/paper-checkbox.html b/polymer_0.5.4/bower_components/paper-checkbox/paper-checkbox.html |
similarity index 80% |
copy from polymer_0.4.0/bower_components/paper-checkbox/paper-checkbox.html |
copy to polymer_0.5.4/bower_components/paper-checkbox/paper-checkbox.html |
index e3217106a9270fa1df20bb04710d29db15195fc0..d9b221faa33112b79c05052892ad62c7879736b2 100644 |
--- a/polymer_0.4.0/bower_components/paper-checkbox/paper-checkbox.html |
+++ b/polymer_0.5.4/bower_components/paper-checkbox/paper-checkbox.html |
@@ -31,6 +31,7 @@ To change the ink color for checked state: |
To change the checkbox checked color: |
paper-checkbox::shadow #checkbox.checked { |
+ background-color: #4285f4; |
border-color: #4285f4; |
} |
@@ -63,7 +64,9 @@ To change the checbox unchecked color: |
<paper-ripple id="ink" class="circle recenteringTouch" checked?="{{!checked}}"></paper-ripple> |
- <div id="checkbox" on-animationend="{{checkboxAnimationEnd}}" on-webkitAnimationEnd="{{checkboxAnimationEnd}}"></div> |
+ <div id="checkbox"> |
+ <div id="checkmark" on-animationend="{{checkboxAnimationEnd}}" on-webkitAnimationEnd="{{checkboxAnimationEnd}}"></div> |
+ </div> |
</div> |
@@ -89,19 +92,15 @@ To change the checbox unchecked color: |
toggles: true, |
checkedChanged: function() { |
- var cl = this.$.checkbox.classList; |
- cl.toggle('checked', this.checked); |
- cl.toggle('unchecked', !this.checked); |
- cl.toggle('checkmark', !this.checked); |
- cl.toggle('box', this.checked); |
+ this.$.checkbox.classList.toggle('checked', this.checked); |
this.setAttribute('aria-checked', this.checked ? 'true': 'false'); |
+ this.$.checkmark.classList.toggle('hidden', !this.checked); |
this.fire('core-change'); |
}, |
checkboxAnimationEnd: function() { |
- var cl = this.$.checkbox.classList; |
- cl.toggle('checkmark', this.checked && !cl.contains('checkmark')); |
- cl.toggle('box', !this.checked && !cl.contains('box')); |
+ var cl = this.$.checkmark.classList; |
+ cl.toggle('hidden', !this.checked && cl.contains('hidden')); |
} |
}); |