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 |