| OLD | NEW |
| 1 /* Copyright 2015 The Chromium Authors. All rights reserved. | 1 /* Copyright 2015 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
| 4 | 4 |
| 5 /** | 5 /** |
| 6 * @fileoverview | 6 * @fileoverview |
| 7 * Common styles for Settings pages. | 7 * Common styles for Settings pages. |
| 8 */ | 8 */ |
| 9 #section { | 9 :host { |
| 10 background-color: white; | 10 display: block; |
| 11 } |
| 12 |
| 13 :host(.expanded) { |
| 11 height: 100%; | 14 height: 100%; |
| 12 margin-bottom: 16px; | 15 } |
| 13 overflow: hidden; | 16 |
| 14 width: 605px; | 17 :host(.expanded) #header { |
| 18 display: none; |
| 15 } | 19 } |
| 16 | 20 |
| 17 #header .title { | 21 #header .title { |
| 18 @apply(--paper-font-body2); | 22 @apply(--paper-font-body2); |
| 19 } | 23 } |
| 20 | 24 |
| 21 #content-container { | 25 paper-material { |
| 26 background-color: white; |
| 27 box-sizing: border-box; |
| 28 overflow: hidden; |
| 22 padding: 16px; | 29 padding: 16px; |
| 23 } | 30 } |
| 31 |
| 32 paper-material, |
| 33 #placeholder { |
| 34 margin-bottom: 16px; |
| 35 width: 605px; |
| 36 } |
| 37 |
| 38 :host(.neon-animating) paper-material { |
| 39 position: fixed; |
| 40 z-index: 1; |
| 41 } |
| 42 |
| 43 :host(.expanded) paper-material { |
| 44 margin-bottom: 0; |
| 45 min-height: 100%; |
| 46 } |
| 47 |
| 48 #placeholder { |
| 49 visibility: hidden; |
| 50 } |
| 51 |
| 52 :host(:not(.neon-animating)) #placeholder { |
| 53 position: absolute; |
| 54 } |
| OLD | NEW |