| 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 } |
| (...skipping 10 matching lines...) Expand all Loading... |
| 21 } | 21 } |
| 22 | 22 |
| 23 .toolbar-shadow.wrappable { | 23 .toolbar-shadow.wrappable { |
| 24 flex-wrap: wrap; | 24 flex-wrap: wrap; |
| 25 } | 25 } |
| 26 | 26 |
| 27 .toolbar-shadow.wrappable-reverse { | 27 .toolbar-shadow.wrappable-reverse { |
| 28 flex-direction: row-reverse; | 28 flex-direction: row-reverse; |
| 29 } | 29 } |
| 30 | 30 |
| 31 .toolbar-shadow.toolbar-grow-vertical { | |
| 32 height: initial; | |
| 33 } | |
| 34 | |
| 35 .toolbar-shadow.vertical { | 31 .toolbar-shadow.vertical { |
| 36 flex-direction: column; | 32 flex-direction: column; |
| 37 height: auto; | 33 height: auto; |
| 38 align-items: flex-start; | 34 align-items: flex-start; |
| 39 } | 35 } |
| 40 | 36 |
| 41 .toolbar-item { | 37 .toolbar-item { |
| 42 position: relative; | 38 position: relative; |
| 43 display: flex; | 39 display: flex; |
| 44 background-color: transparent; | 40 background-color: transparent; |
| (...skipping 21 matching lines...) Expand all Loading... |
| 66 min-width: 28px; | 62 min-width: 28px; |
| 67 background: transparent; | 63 background: transparent; |
| 68 } | 64 } |
| 69 | 65 |
| 70 .toolbar-text { | 66 .toolbar-text { |
| 71 margin: 0 5px; | 67 margin: 0 5px; |
| 72 flex: none; | 68 flex: none; |
| 73 color: #5a5a5a; | 69 color: #5a5a5a; |
| 74 } | 70 } |
| 75 | 71 |
| 76 .toolbar-text:empty { | |
| 77 margin: 0; | |
| 78 } | |
| 79 | |
| 80 .toolbar-has-dropdown { | 72 .toolbar-has-dropdown { |
| 81 justify-content: space-between; | 73 justify-content: space-between; |
| 82 } | 74 } |
| 83 | 75 |
| 84 .toolbar-has-dropdown .toolbar-text { | 76 .toolbar-has-dropdown .toolbar-text { |
| 85 margin: 0 4px 0 0; | 77 margin: 0 4px 0 0; |
| 86 text-overflow: ellipsis; | 78 text-overflow: ellipsis; |
| 87 flex: auto; | 79 flex: auto; |
| 88 overflow: hidden; | 80 overflow: hidden; |
| 89 text-align: right; | 81 text-align: right; |
| (...skipping 100 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 190 | 182 |
| 191 /* Select */ | 183 /* Select */ |
| 192 | 184 |
| 193 .toolbar-select-container { | 185 .toolbar-select-container { |
| 194 display: inline-flex; | 186 display: inline-flex; |
| 195 flex-shrink: 0; | 187 flex-shrink: 0; |
| 196 margin-right: 6px; | 188 margin-right: 6px; |
| 197 } | 189 } |
| 198 | 190 |
| 199 select.toolbar-item { | 191 select.toolbar-item { |
| 200 min-width: 38px; | 192 min-width: 48px; |
| 201 -webkit-appearance: none; | 193 -webkit-appearance: none; |
| 202 border: 0; | 194 border: 0; |
| 203 border-radius: 0; | 195 border-radius: 0; |
| 204 padding: 0 8px 0 5px; | 196 padding: 0 15px 0 5px; |
| 205 margin-right: -10px; | 197 margin-right: -10px; |
| 206 position: relative; | 198 position: relative; |
| 207 } | 199 } |
| 208 | 200 |
| 209 /* Input */ | 201 /* Input */ |
| 210 | 202 |
| 211 .toolbar-input { | 203 .toolbar-input { |
| 212 width: 120px; | 204 width: 120px; |
| 213 height: 20px; | 205 height: 20px; |
| 214 padding: 3px; | 206 padding: 3px; |
| 215 margin: 1px 3px; | 207 margin: 1px 3px; |
| 216 background-color: white; | 208 background-color: white; |
| 217 border: solid 1px #d8d8d8; | 209 border: solid 1px #d8d8d8; |
| 218 min-width: 35px; | |
| 219 } | 210 } |
| 220 | 211 |
| 221 .toolbar-input.focused, | 212 .toolbar-input.focused, |
| 222 .toolbar-input.hover { | 213 .toolbar-input.hover { |
| 223 border: solid 1px rgb(202, 202, 202); | 214 border: solid 1px rgb(202, 202, 202); |
| 224 } | 215 } |
| 225 | 216 |
| 226 .toolbar-input > input { | 217 .toolbar-input > input { |
| 227 border: none; | 218 border: none; |
| 228 flex-grow: 1; | 219 flex-grow: 1; |
| (...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 277 margin-top: -1px; | 268 margin-top: -1px; |
| 278 width: 28px; | 269 width: 28px; |
| 279 left: -2px; | 270 left: -2px; |
| 280 } | 271 } |
| 281 | 272 |
| 282 span.toolbar-select-container.toolbar-item.warning { | 273 span.toolbar-select-container.toolbar-item.warning { |
| 283 background: #ffd7d7; | 274 background: #ffd7d7; |
| 284 padding: 0 5px 0 0; | 275 padding: 0 5px 0 0; |
| 285 margin-right: 1px; | 276 margin-right: 1px; |
| 286 } | 277 } |
| OLD | NEW |