| 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 397 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 408 } | 408 } |
| 409 | 409 |
| 410 .interactive-custom-icon { | 410 .interactive-custom-icon { |
| 411 cursor: pointer; | 411 cursor: pointer; |
| 412 } | 412 } |
| 413 | 413 |
| 414 .pod[auth-type='onlineSignIn'] .custom-icon-container { | 414 .pod[auth-type='onlineSignIn'] .custom-icon-container { |
| 415 display: none; | 415 display: none; |
| 416 } | 416 } |
| 417 | 417 |
| 418 .fingerprint-icon-container, |
| 418 .custom-icon-container { | 419 .custom-icon-container { |
| 419 display: flex; | 420 display: flex; |
| 420 flex: none; | 421 flex: none; |
| 421 flex-direction: column; | 422 flex-direction: column; |
| 422 height: 43px; | 423 height: 43px; |
| 423 width: 27px; | 424 width: 27px; |
| 424 } | 425 } |
| 425 | 426 |
| 426 .launch-app-button-container { | 427 .launch-app-button-container { |
| 427 display: block; | 428 display: block; |
| (...skipping 119 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 547 | 548 |
| 548 .user-type-icon-area.policy .user-type-icon-image { | 549 .user-type-icon-area.policy .user-type-icon-image { |
| 549 background-image: url(../../webui/resources/images/business.svg); | 550 background-image: url(../../webui/resources/images/business.svg); |
| 550 background-size: 18px; | 551 background-size: 18px; |
| 551 } | 552 } |
| 552 | 553 |
| 553 .user-type-icon-area.app .user-type-icon-image { | 554 .user-type-icon-area.app .user-type-icon-image { |
| 554 background-image: url(chrome://theme/IDR_KIOSK_APP_USER_POD_ICON); | 555 background-image: url(chrome://theme/IDR_KIOSK_APP_USER_POD_ICON); |
| 555 } | 556 } |
| 556 | 557 |
| 558 .fingerprint-icon-container.hidden { |
| 559 display: none; |
| 560 } |
| 561 |
| 562 .fingerprint-icon-container.default .fingerprint-icon-image { |
| 563 background-image: url(../../webui/resources/images/fingerprint_default.svg); |
| 564 } |
| 565 |
| 566 .fingerprint-icon-container.default:hover .fingerprint-icon-image { |
| 567 background-image: url(../../webui/resources/images/fingerprint_signin.svg); |
| 568 } |
| 569 |
| 570 .fingerprint-icon-container.signin .fingerprint-icon-image { |
| 571 background-image: url(../../webui/resources/images/fingerprint_signin.svg); |
| 572 } |
| 573 |
| 574 .fingerprint-icon-container.failed .fingerprint-icon-image { |
| 575 background-image: url(../../webui/resources/images/fingerprint_failed.svg); |
| 576 } |
| 577 |
| 578 .pod input[type='password'].hidden::-webkit-input-placeholder { |
| 579 color: grey; |
| 580 } |
| 581 |
| 582 .pod input[type='password'].default::-webkit-input-placeholder { |
| 583 color: grey; |
| 584 } |
| 585 |
| 586 .pod input[type='password'].signin::-webkit-input-placeholder { |
| 587 color: var(--google-blue-500); |
| 588 } |
| 589 |
| 590 .pod input[type='password'].failed::-webkit-input-placeholder { |
| 591 color: var(--google-red-500); |
| 592 } |
| 593 |
| 557 .action-box-menu { | 594 .action-box-menu { |
| 558 display: none; | 595 display: none; |
| 559 z-index: 6; | 596 z-index: 6; |
| 560 } | 597 } |
| 561 | 598 |
| 562 .action-box-area.active ~ .action-box-menu { | 599 .action-box-area.active ~ .action-box-menu { |
| 563 background-color: white; | 600 background-color: white; |
| 564 border: 1px solid lightgray; | 601 border: 1px solid lightgray; |
| 565 border-radius: 2px; | 602 border-radius: 2px; |
| 566 display: flex; | 603 display: flex; |
| (...skipping 420 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 987 animation: ellipsis-component2 1.5s infinite; | 1024 animation: ellipsis-component2 1.5s infinite; |
| 988 } | 1025 } |
| 989 | 1026 |
| 990 @keyframes ellipsis-component2 { | 1027 @keyframes ellipsis-component2 { |
| 991 0% { opacity: 0; } | 1028 0% { opacity: 0; } |
| 992 25% { opacity: 0; } | 1029 25% { opacity: 0; } |
| 993 50% { opacity: 0; } | 1030 50% { opacity: 0; } |
| 994 75% { opacity: 1; } | 1031 75% { opacity: 1; } |
| 995 100% { opacity: 0; } | 1032 100% { opacity: 0; } |
| 996 } | 1033 } |
| OLD | NEW |