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

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

Issue 2677863004: MD Settings: Remove last usage of paper-item. (Closed)
Patch Set: Nit. Created 3 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 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 /* Included here so we don't have to include "iron-positioning" in every 8 /* Included here so we don't have to include "iron-positioning" in every
9 * stylesheet. See crbug.com/498405. */ 9 * stylesheet. See crbug.com/498405. */
10 [hidden] { 10 [hidden] {
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after
46 paper-button[toggles][active] { 46 paper-button[toggles][active] {
47 background-color: var(--paper-grey-300); 47 background-color: var(--paper-grey-300);
48 } 48 }
49 49
50 paper-toggle-button { 50 paper-toggle-button {
51 @apply(--settings-actionable); 51 @apply(--settings-actionable);
52 height: var(--settings-row-min-height); 52 height: var(--settings-row-min-height);
53 width: 31px; 53 width: 31px;
54 } 54 }
55 55
56 iron-dropdown .dropdown-content {
57 min-width: 128px;
58 padding: 8px 0;
59 }
60
61 iron-dropdown .dropdown-item:focus {
62 @apply(--cr-selectable-focus);
63 }
64
65 iron-dropdown .dropdown-content {
66 background-color: white;
67 box-shadow: 0 2px 6px var(--paper-grey-500);
68 }
69
70 iron-dropdown .dropdown-content paper-item {
71 @apply(--settings-actionable);
72 }
73
74 iron-dropdown .dropdown-content .dropdown-item[disabled] {
75 opacity: var(--settings-disabled-opacity);
76 }
77
78 span ~ a { 56 span ~ a {
79 -webkit-margin-start: 4px; 57 -webkit-margin-start: 4px;
80 } 58 }
81 59
82 .primary-button, 60 .primary-button,
83 .tertiary-button, 61 .tertiary-button,
84 a[href] { 62 a[href] {
85 color: var(--google-blue-700); 63 color: var(--google-blue-700);
86 } 64 }
87 65
(...skipping 242 matching lines...) Expand 10 before | Expand all | Expand 10 after
330 .settings-box .secondary-action { 308 .settings-box .secondary-action {
331 -webkit-border-start: var(--settings-separator-line); 309 -webkit-border-start: var(--settings-separator-line);
332 -webkit-margin-start: 20px; 310 -webkit-margin-start: 20px;
333 -webkit-padding-start: 20px; 311 -webkit-padding-start: 20px;
334 align-items: center; 312 align-items: center;
335 display: flex; 313 display: flex;
336 flex-shrink: 0; 314 flex-shrink: 0;
337 height: var(--settings-row-min-height); 315 height: var(--settings-row-min-height);
338 } 316 }
339 317
340 .settings-box paper-item iron-icon {
341 padding: var(--cr-icon-padding);
342 }
343
344 /* Helper for a list frame to automatically avoid the separator line. */ 318 /* Helper for a list frame to automatically avoid the separator line. */
345 .vertical-list > *:not(:first-of-type) { 319 .vertical-list > *:not(:first-of-type) {
346 border-top: var(--settings-separator-line); 320 border-top: var(--settings-separator-line);
347 } 321 }
348 322
349 .settings-checkbox-spacer { 323 .settings-checkbox-spacer {
350 -webkit-margin-start: calc( 324 -webkit-margin-start: calc(
351 var(--checkbox-margin-start) + 325 var(--checkbox-margin-start) +
352 var(--checkbox-size) + 326 var(--checkbox-size) +
353 var(--checkbox-spacing)); 327 var(--checkbox-spacing));
(...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after
390 /* Turns the arrow direction downwards, when the bubble is placed above 364 /* Turns the arrow direction downwards, when the bubble is placed above
391 * the anchor element */ 365 * the anchor element */
392 .search-bubble-innards.above::after { 366 .search-bubble-innards.above::after {
393 -webkit-transform: rotate(-135deg); 367 -webkit-transform: rotate(-135deg);
394 bottom: -5px; 368 bottom: -5px;
395 top: auto; 369 top: auto;
396 } 370 }
397 </style> 371 </style>
398 </template> 372 </template>
399 </dom-module> 373 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698