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

Unified Diff: chrome/browser/resources/settings/settings_vars_css.html

Issue 2344083002: [MD settings] Adjust toggle button dot slightly (Closed)
Patch Set: adding other touchups Created 4 years, 3 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: chrome/browser/resources/settings/settings_vars_css.html
diff --git a/chrome/browser/resources/settings/settings_vars_css.html b/chrome/browser/resources/settings/settings_vars_css.html
index dd2d858cabb5f782962a5ec629dfcd2aab022393..45c3d35ada5629b724f92b5c936a8ab6edecbac3 100644
--- a/chrome/browser/resources/settings/settings_vars_css.html
+++ b/chrome/browser/resources/settings/settings_vars_css.html
@@ -46,7 +46,9 @@
width: 24px;
};
--settings-toggle-button-size: {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
tommycli 2016/09/16 23:32:11 custom shadow per alan in the bug I take it?
dschuyler 2016/09/16 23:35:43 Verbatim.
height: 16px;
+ top: -2px;
width: 16px;
};
--settings-toggle-color: var(--google-blue-500);
@@ -75,7 +77,10 @@
--paper-toggle-button-checked-bar: var(--settings-toggle-bar-size);
--paper-toggle-button-checked-bar-color: var(--settings-toggle-color);
- --paper-toggle-button-checked-button: var(--settings-toggle-button-size);
+ --paper-toggle-button-checked-button: {
+ @apply(--settings-toggle-button-size);
+ transform: translate(14px, 0);
+ };
--paper-toggle-button-checked-button-color: var(--settings-toggle-color);
--paper-toggle-button-label-spacing: 0;
--paper-toggle-button-unchecked-bar: var(--settings-toggle-bar-size);

Powered by Google App Engine
This is Rietveld 408576698