OLD | NEW |
1 /* Copyright 2014 The Chromium Authors. All rights reserved. | 1 /* Copyright 2014 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 * This is the stylesheet used by user pods row of account picker UI. | 5 * This is the stylesheet used by user pods row of account picker UI. |
6 */ | 6 */ |
7 | 7 |
8 podrow { | 8 podrow { |
9 /* Temporarily disabled because animation interferes with updating screen's | 9 /* Temporarily disabled because animation interferes with updating screen's |
10 size. */ | 10 size. */ |
(...skipping 175 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
186 padding: 11.5px 10px; | 186 padding: 11.5px 10px; |
187 position: relative; | 187 position: relative; |
188 width: 43px; | 188 width: 43px; |
189 } | 189 } |
190 | 190 |
191 .auth-container .submit-button.error-shown { | 191 .auth-container .submit-button.error-shown { |
192 color: #CD2A00; | 192 color: #CD2A00; |
193 } | 193 } |
194 | 194 |
195 .name-container { | 195 .name-container { |
196 transition: transform 180ms, | 196 transition: transform 180ms; |
197 opacity 180ms ease-in-out 180ms, | |
198 visibility 180ms ease-in-out 180ms; | |
199 opacity : 1; | |
200 visibility: visible; | |
201 } | 197 } |
202 | 198 |
203 .name-container.pin-enabled { | 199 .pod.focused .name-container { |
204 opacity : 0; | 200 display: none; |
205 transition: none; | |
206 visibility: hidden; | |
207 } | 201 } |
208 | 202 |
209 .pod.focused.multiprofiles-policy-applied .name-container { | 203 .pod.focused.multiprofiles-policy-applied .name-container { |
210 display: flex; | 204 display: flex; |
211 } | 205 } |
212 | 206 |
213 .name { | 207 .name { |
214 color: #565656; | 208 color: #565656; |
215 /* This should be 15.6px - the equivalent of 14px at 90% scale. */ | 209 /* This should be 15.6px - the equivalent of 14px at 90% scale. */ |
216 flex: auto; | 210 flex: auto; |
(...skipping 186 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
403 | 397 |
404 @-webkit-keyframes easy-unlock-spinner-animation { | 398 @-webkit-keyframes easy-unlock-spinner-animation { |
405 from { background-position: 0 } | 399 from { background-position: 0 } |
406 to { background-position: -1215px } | 400 to { background-position: -1215px } |
407 } | 401 } |
408 | 402 |
409 .interactive-custom-icon { | 403 .interactive-custom-icon { |
410 cursor: pointer; | 404 cursor: pointer; |
411 } | 405 } |
412 | 406 |
| 407 .pod[auth-type='onlineSignIn'] .custom-icon-container { |
| 408 display: none; |
| 409 } |
| 410 |
413 .custom-icon-container { | 411 .custom-icon-container { |
414 display: flex; | 412 display: flex; |
415 flex: none; | 413 flex: none; |
416 flex-direction: column; | 414 flex-direction: column; |
417 height: 43px; | 415 height: 43px; |
418 width: 27px; | 416 width: 27px; |
419 } | 417 } |
420 | 418 |
421 .launch-app-button-container { | 419 .launch-app-button-container { |
422 display: block; | 420 display: block; |
(...skipping 474 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
897 -webkit-animation: ellipsis-component2 1.5s infinite; | 895 -webkit-animation: ellipsis-component2 1.5s infinite; |
898 } | 896 } |
899 | 897 |
900 @-webkit-keyframes ellipsis-component2 { | 898 @-webkit-keyframes ellipsis-component2 { |
901 0% { opacity: 0; } | 899 0% { opacity: 0; } |
902 25% { opacity: 0; } | 900 25% { opacity: 0; } |
903 50% { opacity: 0; } | 901 50% { opacity: 0; } |
904 75% { opacity: 1; } | 902 75% { opacity: 1; } |
905 100% { opacity: 0; } | 903 100% { opacity: 0; } |
906 } | 904 } |
OLD | NEW |