OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
4 | 4 |
5 * { | 5 * { |
6 box-sizing: border-box; | 6 box-sizing: border-box; |
7 } | 7 } |
8 | 8 |
9 body { | 9 body { |
10 color: rgb(48, 57, 66); | 10 color: rgb(48, 57, 66); |
(...skipping 125 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
136 height: 12px; | 136 height: 12px; |
137 margin: 2px; | 137 margin: 2px; |
138 width: 12px; | 138 width: 12px; |
139 } | 139 } |
140 | 140 |
141 .port-icon.error { | 141 .port-icon.error { |
142 background-color: rgb(224, 32, 32); | 142 background-color: rgb(224, 32, 32); |
143 } | 143 } |
144 | 144 |
145 .port-icon.transient { | 145 .port-icon.transient { |
146 -webkit-transform: scale(1.2); | |
147 background-color: orange; | 146 background-color: orange; |
| 147 transform: scale(1.2); |
148 } | 148 } |
149 | 149 |
150 .port-number { | 150 .port-number { |
151 height: 16px; | 151 height: 16px; |
152 margin-right: 5px; | 152 margin-right: 5px; |
153 } | 153 } |
154 | 154 |
155 .browser-header { | 155 .browser-header { |
156 align-items: center; | 156 align-items: center; |
157 display: flex; | 157 display: flex; |
(...skipping 109 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
267 | 267 |
268 .open > input { | 268 .open > input { |
269 border: 1px solid #aaa; | 269 border: 1px solid #aaa; |
270 height: 17px; | 270 height: 17px; |
271 line-height: 17px; | 271 line-height: 17px; |
272 margin-left: 20px; | 272 margin-left: 20px; |
273 padding: 0 2px; | 273 padding: 0 2px; |
274 } | 274 } |
275 | 275 |
276 .open > input:focus { | 276 .open > input:focus { |
277 -webkit-transition: border-color 200ms; | |
278 border-color: rgb(77, 144, 254); | 277 border-color: rgb(77, 144, 254); |
279 outline: none; | 278 outline: none; |
| 279 transition: border-color 200ms; |
280 } | 280 } |
281 | 281 |
282 .open > button { | 282 .open > button { |
283 line-height: 13px; | 283 line-height: 13px; |
284 } | 284 } |
285 | 285 |
286 #device-settings { | 286 #device-settings { |
287 border-bottom: 1px solid #eee; | 287 border-bottom: 1px solid #eee; |
288 padding: 5px 0; | 288 padding: 5px 0; |
289 } | 289 } |
(...skipping 141 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
431 @media (min-width: 47em) { | 431 @media (min-width: 47em) { |
432 #container { | 432 #container { |
433 max-height: 100vh; | 433 max-height: 100vh; |
434 } | 434 } |
435 #navigation, | 435 #navigation, |
436 #content { | 436 #content { |
437 max-height: 100vh; | 437 max-height: 100vh; |
438 overflow: auto; | 438 overflow: auto; |
439 } | 439 } |
440 } | 440 } |
OLD | NEW |