| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (c) 2015 The Chromium Authors. All rights reserved. | 2 * Copyright (c) 2015 The Chromium Authors. All rights reserved. |
| 3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
| 4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
| 5 */ | 5 */ |
| 6 | 6 |
| 7 :host { | 7 :host { |
| 8 position: absolute; | 8 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2), 0 2p
x 6px rgba(0, 0, 0, 0.1); |
| 9 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), | |
| 10 0 2px 4px rgba(0, 0, 0, 0.2), | |
| 11 0 2px 6px rgba(0, 0, 0, 0.1); | |
| 12 background: white; | 9 background: white; |
| 13 justify-content: flex-start; | 10 justify-content: flex-start; |
| 14 align-items: stretch; | 11 align-items: stretch; |
| 15 } | 12 } |
| 16 | 13 |
| 17 .widget { | 14 .widget { |
| 18 display: flex; | 15 display: flex; |
| 19 flex: auto; | 16 flex: auto; |
| 20 justify-content: flex-start; | 17 justify-content: flex-start; |
| 21 align-items: stretch; | 18 align-items: stretch; |
| 22 } | 19 } |
| 23 | 20 |
| 24 :host-context(.wraps-content) { | 21 :host-context(.wraps-content) { |
| 25 justify-content: center; | |
| 26 align-items: flex-start; | 22 align-items: flex-start; |
| 27 overflow: hidden; | 23 overflow: hidden; |
| 28 } | 24 } |
| 29 | 25 |
| 30 :host-context(.wraps-content) .widget { | 26 :host-context(.wraps-content) .widget { |
| 31 flex: none !important; | 27 flex: none !important; |
| 32 justify-content: center; | |
| 33 align-items: center; | 28 align-items: center; |
| 34 } | 29 } |
| 35 | 30 |
| 36 .dialog-close-button { | 31 .dialog-close-button { |
| 37 position: absolute; | 32 position: absolute; |
| 38 right: 9px; | 33 right: 9px; |
| 39 top: 9px; | 34 top: 9px; |
| 40 } | 35 } |
| OLD | NEW |