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

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

Issue 396193002: Fix avatar image size in user pods on desktop (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Added TODO. Created 6 years, 4 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 | Annotate | Revision Log
« no previous file with comments | « chrome/browser/resources/user_manager/user_manager.css ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 65 matching lines...) Expand 10 before | Expand all | Expand 10 after
76 .user-image-container { 76 .user-image-container {
77 align-items: center; 77 align-items: center;
78 display: flex; 78 display: flex;
79 height: 100%; 79 height: 100%;
80 justify-content: center; 80 justify-content: center;
81 width: 100%; 81 width: 100%;
82 } 82 }
83 83
84 .pod .user-image { 84 .pod .user-image {
85 flex: none; 85 flex: none;
86 }
87
88 /* TODO(noms): Refactor this out into a CrOS-specific file and simplify the
89 style rule once it is included on CrOS only. crbug.com/397638 */
90 html:not([screen=login-add-user]) .pod .user-image {
86 max-height: 160px; 91 max-height: 160px;
87 max-width: 160px; 92 max-width: 160px;
88 opacity: 0.7; 93 opacity: 0.7;
89 } 94 }
90 95
91 .pod.focused .user-image { 96 html:not([screen=login-add-user]) .pod.focused .user-image {
92 opacity: 1; 97 opacity: 1;
93 } 98 }
94 99
95 .pod.multiprofiles-policy-applied .user-image { 100 .pod.multiprofiles-policy-applied .user-image {
96 -webkit-filter: grayscale(100%); 101 -webkit-filter: grayscale(100%);
97 } 102 }
98 103
99 .signed-in-indicator { 104 .signed-in-indicator {
100 display: none; 105 display: none;
101 } 106 }
(...skipping 469 matching lines...) Expand 10 before | Expand all | Expand 10 after
571 top: 4px; 576 top: 4px;
572 } 577 }
573 578
574 .pod.public-account.expanded.advanced .language-and-input-container { 579 .pod.public-account.expanded.advanced .language-and-input-container {
575 display: none; 580 display: none;
576 } 581 }
577 582
578 .enter-button { 583 .enter-button {
579 font-size: 14px; 584 font-size: 14px;
580 } 585 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/user_manager/user_manager.css ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698