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