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

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

Issue 1642323004: User Manager MD User Pods (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: addressed pasha's comments Created 4 years, 10 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 415 matching lines...) Expand 10 before | Expand all | Expand 10 after
426 } 426 }
427 427
428 .action-box-button:hover { 428 .action-box-button:hover {
429 background-image: url(chrome://theme/IDR_OOBE_ACTION_BOX_BUTTON_HOVER); 429 background-image: url(chrome://theme/IDR_OOBE_ACTION_BOX_BUTTON_HOVER);
430 } 430 }
431 431
432 .action-box-area.active .action-box-button { 432 .action-box-area.active .action-box-button {
433 background-image: url(chrome://theme/IDR_OOBE_ACTION_BOX_BUTTON_PRESSED); 433 background-image: url(chrome://theme/IDR_OOBE_ACTION_BOX_BUTTON_PRESSED);
434 } 434 }
435 435
436 .action-box-area .action-box-icon {
437 display: none;
438 }
439
436 .user-type-icon-area { 440 .user-type-icon-area {
437 left: 0; 441 left: 0;
438 z-index: 5; 442 z-index: 5;
439 } 443 }
440 444
441 html[dir=rtl] .user-type-icon-area { 445 html[dir=rtl] .user-type-icon-area {
442 left: auto; 446 left: auto;
443 right: 0; 447 right: 0;
444 } 448 }
445 449
(...skipping 118 matching lines...) Expand 10 before | Expand all | Expand 10 after
564 .action-box-remove-user-warning-table td { 568 .action-box-remove-user-warning-table td {
565 padding: 0; 569 padding: 0;
566 } 570 }
567 571
568 .action-box-remove-user-warning-table-numbers { 572 .action-box-remove-user-warning-table-numbers {
569 color: #757575; 573 color: #757575;
570 text-align: end; 574 text-align: end;
571 } 575 }
572 576
573 .action-box-remove-user-warning .remove-warning-button { 577 .action-box-remove-user-warning .remove-warning-button {
574 width: 100%; 578 background: rgb(210, 63, 49);
tommycli 2016/02/20 00:36:39 Where is this color from? Is it a paper-color?
Moe 2016/02/22 14:46:46 it's specified in the mocks and it's not a google
579 border-radius: 2px;
580 color: #fff;
tommycli 2016/02/20 00:36:39 white
Moe 2016/02/22 14:46:46 Done.
581 line-height: 32px;
582 min-width: 72px;
583 padding: 0 16px;
584 }
585
586 .action-box-remove-user-warning .remove-warning-button.keyboard-focus {
587 font-weight: normal;
575 } 588 }
576 589
577 /* Hide dialog elements not in a correct category. Only combinations currently 590 /* Hide dialog elements not in a correct category. Only combinations currently
578 in use are included here. */ 591 in use are included here. */
579 .pod.legacy-supervised .non-sync, 592 .pod.legacy-supervised .non-sync,
580 .pod.legacy-supervised .action-box-remove-user-warning-text, 593 .pod.legacy-supervised .action-box-remove-user-warning-text,
581 .pod:not(.legacy-supervised) 594 .pod:not(.legacy-supervised)
582 .action-box-remove-legacy-supervised-user-warning-text, 595 .action-box-remove-legacy-supervised-user-warning-text,
583 .pod.synced .non-sync, 596 .pod.synced .non-sync,
584 .pod.has-no-stats .has-stats { 597 .pod.has-no-stats .has-stats {
(...skipping 230 matching lines...) Expand 10 before | Expand all | Expand 10 after
815 -webkit-animation: ellipsis-component2 1.5s infinite; 828 -webkit-animation: ellipsis-component2 1.5s infinite;
816 } 829 }
817 830
818 @-webkit-keyframes ellipsis-component2 { 831 @-webkit-keyframes ellipsis-component2 {
819 0% { opacity: 0; } 832 0% { opacity: 0; }
820 25% { opacity: 0; } 833 25% { opacity: 0; }
821 50% { opacity: 0; } 834 50% { opacity: 0; }
822 75% { opacity: 1; } 835 75% { opacity: 1; }
823 100% { opacity: 0; } 836 100% { opacity: 0; }
824 } 837 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698