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