use 'on' class to change on/off style

googlearchive · Dec 17, 2013 · b7cbc2c · b7cbc2c
1 parent 56889aa
commit b7cbc2c
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/polymer-ui-toggle-button.css b/polymer-ui-toggle-button.css
@@ -22,7 +22,7 @@ license that can be found in the LICENSE file.
   font-size: 10px;
 }
 
-:host([value]:host) {
+:host(.on:host) {
   border: 1px solid #0fb2c6;
 }
 

diff --git a/polymer-ui-toggle-button.html b/polymer-ui-toggle-button.html
@@ -69,6 +69,7 @@
         this.value = !this.value;
       },
       valueChanged: function() {
+        this.classList.toggle('on', this.value);
         this.$.toggle.classList.toggle('on', this.value);
       },
       trackStart: function(e) {