Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(302)

Unified Diff: polymer_0.5.4/bower_components/paper-checkbox/paper-checkbox.html

Issue 895523005: Added Polymer 0.5.4 (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: Created 5 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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'));
}
});

Powered by Google App Engine
This is Rietveld 408576698