| 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'));
|
| }
|
|
|
| });
|
|
|