| OLD | NEW |
| 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 :host-context([dir=rtl]) button[is='paper-icon-button-light'] { | 8 :host-context([dir=rtl]) button[is='paper-icon-button-light'] { |
| 9 transform: scaleX(-1); /* Flip on the X axis (aka mirror). */ | 9 transform: scaleX(-1); /* Flip on the X axis (aka mirror). */ |
| 10 } | 10 } |
| (...skipping 211 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 222 | 222 |
| 223 /* This button has no ink ripple. */ | 223 /* This button has no ink ripple. */ |
| 224 .list-button[is='action-link'] { | 224 .list-button[is='action-link'] { |
| 225 align-items: center; | 225 align-items: center; |
| 226 display: flex; | 226 display: flex; |
| 227 flex: 1; | 227 flex: 1; |
| 228 font-weight: 500; | 228 font-weight: 500; |
| 229 min-height: inherit; | 229 min-height: inherit; |
| 230 } | 230 } |
| 231 | 231 |
| 232 .fixed-height-list { | |
| 233 max-height: calc((var(--settings-row-min-height) + | |
| 234 var(--settings-separator-height)) * 6); | |
| 235 overflow-y: auto; | |
| 236 } | |
| 237 | |
| 238 /* A row with two lines of text. Often the lower line will be .secondary. | 232 /* A row with two lines of text. Often the lower line will be .secondary. |
| 239 */ | 233 */ |
| 240 .two-line { | 234 .two-line { |
| 241 min-height: var(--settings-row-two-line-min-height); | 235 min-height: var(--settings-row-two-line-min-height); |
| 242 } | 236 } |
| 243 | 237 |
| 244 /* A settings-box is a horizontal row of text or controls within a | 238 /* A settings-box is a horizontal row of text or controls within a |
| 245 * setting section (page or subpage). */ | 239 * setting section (page or subpage). */ |
| 246 .settings-box { | 240 .settings-box { |
| 247 align-items: center; | 241 align-items: center; |
| (...skipping 152 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 400 transform: rotate(-135deg); | 394 transform: rotate(-135deg); |
| 401 } | 395 } |
| 402 | 396 |
| 403 .column-header { | 397 .column-header { |
| 404 color: var(--paper-grey-600); | 398 color: var(--paper-grey-600); |
| 405 font-weight: 500; | 399 font-weight: 500; |
| 406 } | 400 } |
| 407 </style> | 401 </style> |
| 408 </template> | 402 </template> |
| 409 </dom-module> | 403 </dom-module> |
| OLD | NEW |