| 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 278 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 289 white-space: nowrap; | 289 white-space: nowrap; |
| 290 } | 290 } |
| 291 | 291 |
| 292 .custom-icon { | 292 .custom-icon { |
| 293 -webkit-margin-end: 0; | 293 -webkit-margin-end: 0; |
| 294 -webkit-margin-start: auto; | 294 -webkit-margin-start: auto; |
| 295 background-position: center; | 295 background-position: center; |
| 296 background-repeat: no-repeat; | 296 background-repeat: no-repeat; |
| 297 flex: none; | 297 flex: none; |
| 298 height: 27px; | 298 height: 27px; |
| 299 margin: 8px 0; |
| 299 width: 27px; | 300 width: 27px; |
| 300 } | 301 } |
| 301 | 302 |
| 302 .custom-icon.faded { | 303 .custom-icon.faded { |
| 303 -webkit-transition: opacity 200ms ease-in-out, | 304 -webkit-transition: opacity 200ms ease-in-out, |
| 304 visibility 200ms ease-in-out; | 305 visibility 200ms ease-in-out; |
| 305 } | 306 } |
| 306 | 307 |
| 307 .custom-icon-hardlocked { | 308 .custom-icon-hardlocked { |
| 308 background-image: url(chrome://theme/IDR_EASY_UNLOCK_HARDLOCKED); | 309 background-image: url(chrome://theme/IDR_EASY_UNLOCK_HARDLOCKED); |
| (...skipping 97 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 406 } | 407 } |
| 407 | 408 |
| 408 .interactive-custom-icon { | 409 .interactive-custom-icon { |
| 409 cursor: pointer; | 410 cursor: pointer; |
| 410 } | 411 } |
| 411 | 412 |
| 412 .custom-icon-container { | 413 .custom-icon-container { |
| 413 display: flex; | 414 display: flex; |
| 414 flex: none; | 415 flex: none; |
| 415 flex-direction: column; | 416 flex-direction: column; |
| 416 height: 40px; | 417 height: 43px; |
| 417 justify-content: center; | 418 width: 27px; |
| 418 width: 40px; | |
| 419 } | 419 } |
| 420 | 420 |
| 421 .launch-app-button-container { | 421 .launch-app-button-container { |
| 422 display: block; | 422 display: block; |
| 423 flex: auto; | 423 flex: auto; |
| 424 text-align: center; | 424 text-align: center; |
| 425 } | 425 } |
| 426 | 426 |
| 427 .launch-app-button { | 427 .launch-app-button { |
| 428 display: inline; | 428 display: inline; |
| (...skipping 468 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 897 -webkit-animation: ellipsis-component2 1.5s infinite; | 897 -webkit-animation: ellipsis-component2 1.5s infinite; |
| 898 } | 898 } |
| 899 | 899 |
| 900 @-webkit-keyframes ellipsis-component2 { | 900 @-webkit-keyframes ellipsis-component2 { |
| 901 0% { opacity: 0; } | 901 0% { opacity: 0; } |
| 902 25% { opacity: 0; } | 902 25% { opacity: 0; } |
| 903 50% { opacity: 0; } | 903 50% { opacity: 0; } |
| 904 75% { opacity: 1; } | 904 75% { opacity: 1; } |
| 905 100% { opacity: 0; } | 905 100% { opacity: 0; } |
| 906 } | 906 } |
| OLD | NEW |