| 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 #destination-settings .left-column { | 5 #destination-settings .left-column { |
| 6 padding-top: 20px; | 6 padding-top: 20px; |
| 7 vertical-align: top; | 7 vertical-align: top; |
| 8 } | 8 } |
| 9 | 9 |
| 10 #destination-settings .throbber { | 10 #destination-settings .throbber { |
| 11 display: block; | 11 display: block; |
| 12 margin-bottom: 4px; | 12 margin-bottom: 4px; |
| 13 margin-top: 8px; | 13 margin-top: 8px; |
| 14 } | 14 } |
| 15 | 15 |
| 16 #destination-settings .destination-settings-box { | 16 #destination-settings .destination-settings-box { |
| 17 -webkit-box-align: center; | 17 -webkit-box-align: center; |
| 18 display: -webkit-box; | 18 display: -webkit-box; |
| 19 height: 28px; | 19 min-height: 28px; |
| 20 } | 20 } |
| 21 | 21 |
| 22 .destination-settings-box.stale { | 22 .destination-settings-box.stale { |
| 23 opacity: 0.4; | 23 opacity: 0.4; |
| 24 } | 24 } |
| 25 | 25 |
| 26 #destination-settings .destination-settings-change-button { | 26 #destination-settings .destination-settings-change-button { |
| 27 margin: 10px 0; | 27 margin: 10px 0; |
| 28 } | 28 } |
| 29 | 29 |
| 30 .destination-settings-icon { | 30 .destination-settings-icon { |
| 31 -webkit-margin-end: 8px; | 31 -webkit-margin-end: 8px; |
| 32 height: 24px; | 32 height: 24px; |
| 33 vertical-align: middle; | 33 vertical-align: middle; |
| 34 width: 24px; | 34 width: 24px; |
| 35 } | 35 } |
| 36 | 36 |
| 37 .destination-settings-info-wrapper { | 37 .destination-settings-info-wrapper { |
| 38 -webkit-box-flex: 1; | 38 -webkit-box-flex: 1; |
| 39 height: 28px; | |
| 40 position: relative; | |
| 41 } | 39 } |
| 42 | 40 |
| 43 .destination-settings-info { | 41 .destination-settings-info { |
| 44 -webkit-box-orient: vertical; | 42 display: table; |
| 45 -webkit-box-pack: center; | 43 table-layout: fixed; |
| 46 display: -webkit-box; | |
| 47 height: 100%; | |
| 48 position: absolute; | |
| 49 white-space: nowrap; | |
| 50 width: 100%; | 44 width: 100%; |
| 51 } | 45 } |
| 52 | 46 |
| 53 .throbber-container { | 47 .throbber-container { |
| 54 -webkit-box-orient: horizontal; | 48 -webkit-box-orient: horizontal; |
| 55 display: -webkit-box; | 49 display: -webkit-box; |
| 56 } | 50 } |
| 57 | 51 |
| 58 .throbber-container .throbber { | 52 .throbber-container .throbber { |
| 59 -webkit-margin-end: 8px; | 53 -webkit-margin-end: 8px; |
| 60 } | 54 } |
| 61 | 55 |
| 62 .destination-throbber-name-container { | 56 .destination-throbber-name-container { |
| 63 -webkit-box-flex: 1; | 57 -webkit-box-flex: 1; |
| 64 -webkit-box-orient: vertical; | 58 -webkit-box-orient: vertical; |
| 65 -webkit-box-pack: center; | 59 -webkit-box-pack: center; |
| 66 display: -webkit-box; | 60 display: -webkit-box; |
| 67 height: 28px; | 61 min-height: 28px; |
| 68 } | 62 } |
| 69 | 63 |
| 70 .destination-settings-name, | |
| 71 .destination-throbber-name { | 64 .destination-throbber-name { |
| 72 font-size: 110%; | 65 font-size: 110%; |
| 73 overflow: hidden; | 66 overflow: hidden; |
| 74 text-overflow: ellipsis; | 67 text-overflow: ellipsis; |
| 75 } | 68 } |
| 76 | 69 |
| 70 .destination-settings-info > div { |
| 71 display: table-row; |
| 72 } |
| 73 |
| 74 .destination-settings-info > div > div { |
| 75 display: table-cell; |
| 76 overflow: hidden; |
| 77 text-overflow: ellipsis; |
| 78 white-space: nowrap; |
| 79 } |
| 80 |
| 81 .destination-settings-name { |
| 82 font-size: 110%; |
| 83 } |
| 84 |
| 77 .destination-settings-location { | 85 .destination-settings-location { |
| 78 opacity: 0.4; | 86 opacity: 0.4; |
| 79 overflow: hidden; | |
| 80 text-overflow: ellipsis; | |
| 81 } | 87 } |
| 82 | |
| 83 .destination-settings-offline-status { | |
| 84 overflow: hidden; | |
| 85 text-overflow: ellipsis; | |
| 86 } | |
| OLD | NEW |