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

Unified Diff: third_party/polymer/v0_8/components-chromium/paper-toggle-button/paper-toggle-button.css

Issue 1162563004: Upgrade to 1.0 and switch clients to dom-repeat where needed. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Fix a layout import and remove the gzipped webanimation in reproduce.sh Created 5 years, 7 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/v0_8/components-chromium/paper-toggle-button/paper-toggle-button.css
diff --git a/third_party/polymer/v0_8/components-chromium/paper-toggle-button/paper-toggle-button.css b/third_party/polymer/v0_8/components-chromium/paper-toggle-button/paper-toggle-button.css
index ff31bd6730a9cbe7027f1986946c0fa386c08ad7..8eb9d2d5620932e56c03b59cd598d7726492fd16 100644
--- a/third_party/polymer/v0_8/components-chromium/paper-toggle-button/paper-toggle-button.css
+++ b/third_party/polymer/v0_8/components-chromium/paper-toggle-button/paper-toggle-button.css
@@ -13,7 +13,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
}
:host([disabled]) {
- opacity: 0.3;
pointer-events: none;
}
@@ -59,7 +58,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
width: 100%;
border-radius: 8px;
pointer-events: none;
- opacity: 0.26;
+ opacity: 0.4;
transition: background-color linear .08s;
}
@@ -67,15 +66,21 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
opacity: 0.5;
}
+:host([disabled]) #toggleBar {
+ background-color: #000;
+ opacity: 0.12;
+}
+
#toggleButton {
position: absolute;
top: -3px;
height: 20px;
width: 20px;
border-radius: 50%;
- box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4);
+ box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);
transition: -webkit-transform linear .08s, background-color linear .08s;
transition: transform linear .08s, background-color linear .08s;
+ will-change: transform;
}
#toggleButton.dragging {
@@ -88,11 +93,16 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
transform: translate(16px, 0);
}
+:host([disabled]) #toggleButton {
+ background-color: #bdbdbd;
+ opacity: 1;
+}
+
#ink {
position: absolute;
top: -14px;
left: -14px;
width: 48px;
height: 48px;
- pointer-events: none;
+ opacity: 0.5;
}

Powered by Google App Engine
This is Rietveld 408576698