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

Side by Side 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 unified diff | Download patch
OLDNEW
1 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html"> 1 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">
2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html "> 2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html ">
3 3
4 <!-- Common css variables for Material Design settings. --> 4 <!-- Common css variables for Material Design settings. -->
5 <style is="custom-style"> 5 <style is="custom-style">
6 /* We keep our vars in sort order, though some vars must be defined prior to 6 /* We keep our vars in sort order, though some vars must be defined prior to
7 * others. The --settings-* vars are defined explicitly prior to the --paper-* 7 * others. The --settings-* vars are defined explicitly prior to the --paper-*
8 * and --iron-* vars. 8 * and --iron-* vars.
9 */ 9 */
10 :root { 10 :root {
(...skipping 28 matching lines...) Expand all
39 39
40 --settings-title-bar-background-color: var(--google-blue-700); 40 --settings-title-bar-background-color: var(--google-blue-700);
41 --settings-title-bar-color: rgb(255, 255, 255); 41 --settings-title-bar-color: rgb(255, 255, 255);
42 --settings-title-search-color: rgb(192, 199, 205); 42 --settings-title-search-color: rgb(192, 199, 205);
43 --settings-toggle-bar-size: { 43 --settings-toggle-bar-size: {
44 height: 12px; 44 height: 12px;
45 left: 4px; 45 left: 4px;
46 width: 24px; 46 width: 24px;
47 }; 47 };
48 --settings-toggle-button-size: { 48 --settings-toggle-button-size: {
49 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.
49 height: 16px; 50 height: 16px;
51 top: -2px;
50 width: 16px; 52 width: 16px;
51 }; 53 };
52 --settings-toggle-color: var(--google-blue-500); 54 --settings-toggle-color: var(--google-blue-500);
53 } 55 }
54 56
55 :root { 57 :root {
56 --checkbox-margin-start: 2px; 58 --checkbox-margin-start: 2px;
57 --checkbox-size: 16px; 59 --checkbox-size: 16px;
58 --checkbox-spacing: 18px; 60 --checkbox-spacing: 18px;
59 --iron-icon-fill-color: var(--paper-grey-600); 61 --iron-icon-fill-color: var(--paper-grey-600);
60 --iron-icon-height: 20px; 62 --iron-icon-height: 20px;
61 --iron-icon-spacing: 16px; 63 --iron-icon-spacing: 16px;
62 --iron-icon-width: 20px; 64 --iron-icon-width: 20px;
63 --paper-checkbox-label-color: inherit; 65 --paper-checkbox-label-color: inherit;
64 --paper-dialog-color: inherit; 66 --paper-dialog-color: inherit;
65 --paper-icon-button: { 67 --paper-icon-button: {
66 height: 36px; 68 height: 36px;
67 width: 36px; 69 width: 36px;
68 }; 70 };
69 --paper-input-max-width: 264px; 71 --paper-input-max-width: 264px;
70 --paper-item: { 72 --paper-item: {
71 font-size: inherit; 73 font-size: inherit;
72 }; 74 };
73 --paper-radio-button-label-color: inherit; 75 --paper-radio-button-label-color: inherit;
74 --paper-radio-group-item-padding: 0; 76 --paper-radio-group-item-padding: 0;
75 77
76 --paper-toggle-button-checked-bar: var(--settings-toggle-bar-size); 78 --paper-toggle-button-checked-bar: var(--settings-toggle-bar-size);
77 --paper-toggle-button-checked-bar-color: var(--settings-toggle-color); 79 --paper-toggle-button-checked-bar-color: var(--settings-toggle-color);
78 --paper-toggle-button-checked-button: var(--settings-toggle-button-size); 80 --paper-toggle-button-checked-button: {
81 @apply(--settings-toggle-button-size);
82 transform: translate(14px, 0);
83 };
79 --paper-toggle-button-checked-button-color: var(--settings-toggle-color); 84 --paper-toggle-button-checked-button-color: var(--settings-toggle-color);
80 --paper-toggle-button-label-spacing: 0; 85 --paper-toggle-button-label-spacing: 0;
81 --paper-toggle-button-unchecked-bar: var(--settings-toggle-bar-size); 86 --paper-toggle-button-unchecked-bar: var(--settings-toggle-bar-size);
82 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size); 87 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size);
83 } 88 }
84 </style> 89 </style>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698