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

Unified Diff: third_party/polymer/components-chromium/paper-toggle-button/demo.html

Issue 899383002: Update paper-toggle-button to 0.5.4 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: 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
Index: third_party/polymer/components-chromium/paper-toggle-button/demo.html
diff --git a/third_party/polymer/components-chromium/paper-toggle-button/demo.html b/third_party/polymer/components-chromium/paper-toggle-button/demo.html
index 960ac569a159fcdea57ec254b3e22058d9784473..370280bd89ea05c6a845cf6948c23c1d6dfc5467 100644
--- a/third_party/polymer/components-chromium/paper-toggle-button/demo.html
+++ b/third_party/polymer/components-chromium/paper-toggle-button/demo.html
@@ -27,10 +27,6 @@
font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial;
margin: 0;
padding: 24px;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-touch-callout: none;
}
@@ -38,17 +34,25 @@
section {
width: 200px;
}
-
- paper-toggle-button.blue::shadow paper-radio-button::shadow #ink[checked] {
+
+ paper-toggle-button.bluetooth::shadow [checked] .toggle-ink {
color: #4285f4;
}
-
- paper-toggle-button.blue::shadow paper-radio-button::shadow #onRadio {
+
+ paper-toggle-button.bluetooth::shadow [checked] .toggle {
background-color: #4285f4;
}
- paper-toggle-button.blue::shadow #toggleBar[checked] {
- background-color: #4285f4;
+ paper-toggle-button.fun::shadow .toggle-ink {
+ color: #009688;
+ }
+
+ paper-toggle-button.fun::shadow .toggle-bar {
+ background-color: #5677fc;
+ }
+
+ paper-toggle-button.fun::shadow .toggle-button {
+ background-color: #9c27b0;
}
</style>
@@ -68,7 +72,23 @@
<div center horizontal layout>
<div flex>Bluetooth</div>
- <paper-toggle-button class="blue"></paper-toggle-button>
+ <paper-toggle-button class="bluetooth"></paper-toggle-button>
+ </div>
+
+ <br>
+ <br>
+
+ <div center horizontal layout>
+ <div flex>Custom Colors</div>
+ <paper-toggle-button class="fun"></paper-toggle-button>
+ </div>
+
+ <br>
+ <br>
+
+ <div center horizontal layout>
+ <div flex>Disabled</div>
+ <paper-toggle-button disabled></paper-toggle-button>
</div>
</section>

Powered by Google App Engine
This is Rietveld 408576698