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

Side by Side Diff: chrome/browser/resources/settings/settings_shared_css.html

Issue 2918953004: [MD settings] fix layout in startup urls and search engines iron-lists (Closed)
Patch Set: touch-up Created 3 years, 6 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_style_css.html"> 1 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html">
2 <link rel="import" href="settings_vars_css.html"> 2 <link rel="import" href="settings_vars_css.html">
3 3
4 <!-- Common styles for Material Design settings. --> 4 <!-- Common styles for Material Design settings. -->
5 <dom-module id="settings-shared"> 5 <dom-module id="settings-shared">
6 <template> 6 <template>
7 <style include="cr-shared-style"> 7 <style include="cr-shared-style">
8 /* Use <h2> as the "sub-header" mentioned in the UX design docs. */ 8 /* Use <h2> as the "sub-header" mentioned in the UX design docs. */
9 h2 { 9 h2 {
10 align-items: center; 10 align-items: center;
(...skipping 21 matching lines...) Expand all
32 -webkit-margin-start: 16px; 32 -webkit-margin-start: 16px;
33 color: var(--paper-grey-600); 33 color: var(--paper-grey-600);
34 flex-shrink: 0; 34 flex-shrink: 0;
35 } 35 }
36 36
37 .separator + button[is='paper-icon-button-light'], 37 .separator + button[is='paper-icon-button-light'],
38 .separator + paper-icon-button { 38 .separator + paper-icon-button {
39 -webkit-margin-start: var(--cr-icon-ripple-margin)); 39 -webkit-margin-start: var(--cr-icon-ripple-margin));
40 } 40 }
41 41
42 .list-item paper-icon-button {
43 /* Workaround iron-list cutting off ripples on paper-icon-buttons.
44 * TODO(dschuyler): Can the end margin be done differently to allow for
45 * ripples to look like they are overlapping the margin. */
46 -webkit-margin-end: 0;
47 }
48
49 /* See notes in .primary-button. 42 /* See notes in .primary-button.
50 * TODO(dschuyler): Remove unnecessary .secondary-button references. */ 43 * TODO(dschuyler): Remove unnecessary .secondary-button references. */
51 paper-button { 44 paper-button {
52 --paper-button: { 45 --paper-button: {
53 -webkit-padding-end: var(--settings-button-edge-spacing); 46 -webkit-padding-end: var(--settings-button-edge-spacing);
54 -webkit-padding-start: var(--settings-button-edge-spacing); 47 -webkit-padding-start: var(--settings-button-edge-spacing);
55 color: var(--paper-grey-600); 48 color: var(--paper-grey-600);
56 font-weight: 500; 49 font-weight: 500;
57 min-width: 1em; /* A tighter fit than 5.14em for short buttons. */ 50 min-width: 1em; /* A tighter fit than 5.14em for short buttons. */
58 text-decoration: none; 51 text-decoration: none;
(...skipping 359 matching lines...) Expand 10 before | Expand all | Expand 10 after
418 transform: rotate(-135deg); 411 transform: rotate(-135deg);
419 } 412 }
420 413
421 .column-header { 414 .column-header {
422 color: var(--paper-grey-600); 415 color: var(--paper-grey-600);
423 font-weight: 500; 416 font-weight: 500;
424 } 417 }
425 </style> 418 </style>
426 </template> 419 </template>
427 </dom-module> 420 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698