Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(174)

Side by Side Diff: ui/login/account_picker/user_pod_row.css

Issue 2733953008: Add fingerprint UI in user pod (Closed)
Patch Set: Incorporate comments Created 3 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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
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
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 }
OLDNEW
« no previous file with comments | « ui/login/account_picker/screen_account_picker.js ('k') | ui/login/account_picker/user_pod_row.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698