| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (c) 2014 The Chromium Authors. All rights reserved. | 2 * Copyright (c) 2014 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 flex: none; | 8 flex: none; |
| 9 padding: 0 2px; | 9 padding: 0 2px; |
| 10 } | 10 } |
| 11 | 11 |
| 12 .toolbar-shadow { | 12 .toolbar-shadow { |
| 13 position: relative; | 13 position: relative; |
| 14 white-space: nowrap; | 14 white-space: nowrap; |
| 15 height: 26px; | 15 height: 26px; |
| 16 contain: strict; |
| 16 overflow: hidden; | 17 overflow: hidden; |
| 17 z-index: 12; | 18 z-index: 12; |
| 18 display: flex; | 19 display: flex; |
| 19 flex: none; | 20 flex: none; |
| 20 align-items: center; | 21 align-items: center; |
| 21 } | 22 } |
| 22 | 23 |
| 23 .toolbar-shadow.wrappable { | 24 .toolbar-shadow.wrappable { |
| 24 flex-wrap: wrap; | 25 flex-wrap: wrap; |
| 25 overflow: visible; | 26 overflow: visible; |
| 27 contain: none; |
| 26 } | 28 } |
| 27 | 29 |
| 28 .toolbar-shadow.wrappable-reverse { | 30 .toolbar-shadow.wrappable-reverse { |
| 29 flex-direction: row-reverse; | 31 flex-direction: row-reverse; |
| 30 } | 32 } |
| 31 | 33 |
| 32 .toolbar-shadow.toolbar-grow-vertical { | 34 .toolbar-shadow.toolbar-grow-vertical { |
| 33 height: initial; | 35 height: initial; |
| 34 } | 36 } |
| 35 | 37 |
| 36 .toolbar-shadow.vertical { | 38 .toolbar-shadow.vertical { |
| 37 flex-direction: column; | 39 flex-direction: column; |
| 38 height: auto; | 40 height: auto; |
| 41 contain: none; |
| 39 align-items: flex-start; | 42 align-items: flex-start; |
| 40 } | 43 } |
| 41 | 44 |
| 42 .toolbar-item { | 45 .toolbar-item { |
| 43 position: relative; | 46 position: relative; |
| 44 display: flex; | 47 display: flex; |
| 45 background-color: transparent; | 48 background-color: transparent; |
| 46 flex: none; | 49 flex: none; |
| 47 align-items: center; | 50 align-items: center; |
| 48 justify-content: center; | 51 justify-content: center; |
| (...skipping 240 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 289 left: 2px; | 292 left: 2px; |
| 290 right: 2px; | 293 right: 2px; |
| 291 background-color: rgba(0, 0, 0, 0.08); | 294 background-color: rgba(0, 0, 0, 0.08); |
| 292 border-radius: 2px; | 295 border-radius: 2px; |
| 293 content: ""; | 296 content: ""; |
| 294 } | 297 } |
| 295 | 298 |
| 296 .toolbar-shadow.floating { | 299 .toolbar-shadow.floating { |
| 297 flex-direction: column; | 300 flex-direction: column; |
| 298 height: auto; | 301 height: auto; |
| 302 contain: none; |
| 299 background-color: white; | 303 background-color: white; |
| 300 border: 1px solid #ccc; | 304 border: 1px solid #ccc; |
| 301 margin-top: -1px; | 305 margin-top: -1px; |
| 302 width: 28px; | 306 width: 28px; |
| 303 left: -2px; | 307 left: -2px; |
| 304 } | 308 } |
| 305 | |
| 306 span.toolbar-select-container.toolbar-item.warning { | |
| 307 background: #ffd7d7; | |
| 308 padding: 0 5px 0 0; | |
| 309 margin-right: 1px; | |
| 310 } | |
| OLD | NEW |