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

Unified Diff: third_party/polymer/components/paper-checkbox/paper-checkbox.html

Issue 913353002: Update paper-checkbox to 0.5.4. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Applying sed to remove cr's. Created 5 years, 10 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
« no previous file with comments | « third_party/polymer/components/paper-checkbox/paper-checkbox.css ('k') | no next file » | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: third_party/polymer/components/paper-checkbox/paper-checkbox.html
diff --git a/third_party/polymer/components/paper-checkbox/paper-checkbox.html b/third_party/polymer/components/paper-checkbox/paper-checkbox.html
index 5a7f93c86fcbcd203b4edd95a2fb2c83455b36ff..b5d06d9621c211e7159d68eda6182d0cb0ea088a 100644
--- a/third_party/polymer/components/paper-checkbox/paper-checkbox.html
+++ b/third_party/polymer/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'));
}
});
« no previous file with comments | « third_party/polymer/components/paper-checkbox/paper-checkbox.css ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698