| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (c) 2015 The Chromium Authors. All rights reserved. | 2 * Copyright (c) 2015 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 .devices-view { | 7 .devices-view { |
| 8 padding-top: 15px; | 8 padding-top: 15px; |
| 9 } | 9 } |
| 10 | 10 |
| (...skipping 67 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 78 border-top: 1px solid #cdcdcd; | 78 border-top: 1px solid #cdcdcd; |
| 79 background-color: #f3f3f3; | 79 background-color: #f3f3f3; |
| 80 flex: none; | 80 flex: none; |
| 81 padding: 3px 10px; | 81 padding: 3px 10px; |
| 82 } | 82 } |
| 83 | 83 |
| 84 .devices-footer > span { | 84 .devices-footer > span { |
| 85 white-space: pre; | 85 white-space: pre; |
| 86 } | 86 } |
| 87 | 87 |
| 88 .discovery-view { | |
| 89 overflow: auto; | |
| 90 } | |
| 91 | |
| 92 .discovery-view > * { | |
| 93 flex: none; | |
| 94 } | |
| 95 | |
| 96 .usb-checkbox { | 88 .usb-checkbox { |
| 97 padding-bottom: 8px; | 89 padding-bottom: 8px; |
| 98 margin-top: 20px; | 90 margin-top: 20px; |
| 99 } | 91 } |
| 100 | 92 |
| 101 .port-forwarding-header { | 93 .port-forwarding-header { |
| 102 display: flex; | 94 display: flex; |
| 103 align-items: center; | 95 align-items: center; |
| 104 flex-direction: row; | 96 flex-direction: row; |
| 105 margin-top: 5px; | 97 margin-top: 5px; |
| 106 } | 98 } |
| 107 | 99 |
| 108 .add-rule-button { | 100 .add-rule-button { |
| 109 margin: 10px 25px; | 101 margin: 10px 25px; |
| 110 align-self: flex-start; | 102 align-self: flex-start; |
| 111 } | 103 } |
| 112 | 104 |
| 113 .discovery-help { | 105 .discovery-help { |
| 114 margin: 5px 0 25px 25px; | 106 margin: 5px 0 25px 25px; |
| 115 } | 107 } |
| 116 | 108 |
| 117 .discovery-help > span { | 109 .discovery-help > span { |
| 118 white-space: pre; | 110 white-space: pre; |
| 119 } | 111 } |
| 120 | 112 |
| 121 .port-forwarding-list { | 113 .port-forwarding-list { |
| 122 margin: 10px 0 0 25px; | 114 margin: 10px 0 0 25px; |
| 123 max-width: 500px; | 115 max-width: 500px; |
| 124 flex: none; | 116 flex: 0 1 auto; |
| 125 } | 117 } |
| 126 | 118 |
| 127 .port-forwarding-list-empty { | 119 .port-forwarding-list-empty { |
| 128 flex: auto; | 120 flex: auto; |
| 129 height: 30px; | 121 height: 30px; |
| 130 display: flex; | 122 display: flex; |
| 131 align-items: center; | 123 align-items: center; |
| 132 justify-content: center; | 124 justify-content: center; |
| 133 } | 125 } |
| 134 | 126 |
| (...skipping 72 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 207 .device-serial { | 199 .device-serial { |
| 208 color: #777; | 200 color: #777; |
| 209 margin-left: 5px; | 201 margin-left: 5px; |
| 210 flex: none; | 202 flex: none; |
| 211 } | 203 } |
| 212 | 204 |
| 213 .device-browser-list { | 205 .device-browser-list { |
| 214 flex: auto; | 206 flex: auto; |
| 215 overflow: auto; | 207 overflow: auto; |
| 216 padding-right: 10px; | 208 padding-right: 10px; |
| 217 margin-top: 30px; | 209 margin-top: 20px; |
| 218 } | 210 } |
| 219 | 211 |
| 220 .device-browser-list > div { | 212 .device-browser-list > div { |
| 221 margin-bottom: 15px; | 213 margin-bottom: 15px; |
| 222 } | 214 } |
| 223 | 215 |
| 224 .device-browser-title { | 216 .device-browser-title { |
| 225 font-size: 16px; | 217 font-size: 16px; |
| 226 } | 218 } |
| 227 | 219 |
| (...skipping 46 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 274 margin-left: 3px; | 266 margin-left: 3px; |
| 275 padding: 0; | 267 padding: 0; |
| 276 border-radius: 3px; | 268 border-radius: 3px; |
| 277 } | 269 } |
| 278 | 270 |
| 279 .device-page-title-row .toolbar:hover { | 271 .device-page-title-row .toolbar:hover { |
| 280 background-color: hsl(0, 0%, 90%); | 272 background-color: hsl(0, 0%, 90%); |
| 281 } | 273 } |
| 282 | 274 |
| 283 .device-page-url { | 275 .device-page-url { |
| 284 margin: 3px 100px 3px 0; | 276 margin: 3px 0; |
| 285 } | 277 } |
| 286 | 278 |
| 287 .device-page-url a { | 279 .device-page-url a { |
| 288 color: #777; | 280 color: #777; |
| 289 word-break: break-all; | 281 word-break: break-all; |
| 290 } | 282 } |
| 291 | 283 |
| 292 .device-view-more { | 284 .device-view-more { |
| 293 cursor: pointer; | 285 cursor: pointer; |
| 294 text-decoration: underline; | 286 text-decoration: underline; |
| (...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 330 } | 322 } |
| 331 | 323 |
| 332 .device-view-port-icon.device-view-port-icon-error { | 324 .device-view-port-icon.device-view-port-icon-error { |
| 333 background-color: red; | 325 background-color: red; |
| 334 } | 326 } |
| 335 | 327 |
| 336 .device-view-port-icon.device-view-port-icon-transient { | 328 .device-view-port-icon.device-view-port-icon-transient { |
| 337 transform: scale(1.2); | 329 transform: scale(1.2); |
| 338 background-color: orange; | 330 background-color: orange; |
| 339 } | 331 } |
| OLD | NEW |