OLD | NEW |
1 /* Copyright 2015 The Chromium Authors. All rights reserved. | 1 /* Copyright 2015 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 .active-sink { | 5 .active-sink { |
6 color: var(--paper-blue-500); | 6 color: var(--paper-blue-500); |
7 } | 7 } |
8 | 8 |
9 .cast-mode-icon, | 9 .cast-mode-icon, |
10 .sink-icon { | 10 .sink-icon { |
(...skipping 132 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
143 | 143 |
144 .sink-content { | 144 .sink-content { |
145 display: flex; | 145 display: flex; |
146 flex-direction: row; | 146 flex-direction: row; |
147 font-weight: normal; | 147 font-weight: normal; |
148 } | 148 } |
149 | 149 |
150 .sink-domain { | 150 .sink-domain { |
151 -webkit-padding-start: 6px; | 151 -webkit-padding-start: 6px; |
152 color: var(--subtext-color); | 152 color: var(--subtext-color); |
| 153 /* TODO(crbug/589697): Handle overflow of very long domain names. */ |
| 154 } |
| 155 |
| 156 .sink-name { |
| 157 min-width: 10%; |
| 158 overflow: hidden; |
| 159 text-overflow: ellipsis; |
153 } | 160 } |
154 | 161 |
155 .sink-subtext { | 162 .sink-subtext { |
156 color: var(--subtext-color); | 163 color: var(--subtext-color); |
157 padding-top: 8px; | 164 padding-top: 8px; |
158 } | 165 } |
159 | 166 |
160 .sink-text { | 167 .sink-text { |
161 -webkit-padding-end: var(--dialog-padding-end); | 168 -webkit-padding-end: var(--dialog-padding-end); |
| 169 display: inline-flex; |
162 flex-direction: row; | 170 flex-direction: row; |
| 171 flex-flow: row nowrap; |
163 line-height: normal; | 172 line-height: normal; |
164 overflow: hidden; | |
165 text-overflow: ellipsis; | |
166 white-space: nowrap; | 173 white-space: nowrap; |
167 width: 250px; | 174 width: 250px; |
168 } | 175 } |
169 | 176 |
170 #route-details { | 177 #route-details { |
171 margin-top: var(--container-header-height); | 178 margin-top: var(--container-header-height); |
172 } | 179 } |
OLD | NEW |