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 |