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

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

Issue 2427073002: cros: Fixed 3 bugs for pin unlock. (Closed)
Patch Set: Rebased. Created 4 years, 1 month 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 175 matching lines...) Expand 10 before | Expand all | Expand 10 after
186 padding: 11.5px 10px; 186 padding: 11.5px 10px;
187 position: relative; 187 position: relative;
188 width: 43px; 188 width: 43px;
189 } 189 }
190 190
191 .auth-container .submit-button.error-shown { 191 .auth-container .submit-button.error-shown {
192 color: #CD2A00; 192 color: #CD2A00;
193 } 193 }
194 194
195 .name-container { 195 .name-container {
196 transition: transform 180ms, 196 transition: transform 180ms;
197 opacity 180ms ease-in-out 180ms,
198 visibility 180ms ease-in-out 180ms;
199 opacity : 1;
200 visibility: visible;
201 } 197 }
202 198
203 .name-container.pin-enabled { 199 .pod.focused .name-container {
204 opacity : 0; 200 display: none;
205 transition: none;
206 visibility: hidden;
207 } 201 }
208 202
209 .pod.focused.multiprofiles-policy-applied .name-container { 203 .pod.focused.multiprofiles-policy-applied .name-container {
210 display: flex; 204 display: flex;
211 } 205 }
212 206
213 .name { 207 .name {
214 color: #565656; 208 color: #565656;
215 /* This should be 15.6px - the equivalent of 14px at 90% scale. */ 209 /* This should be 15.6px - the equivalent of 14px at 90% scale. */
216 flex: auto; 210 flex: auto;
(...skipping 186 matching lines...) Expand 10 before | Expand all | Expand 10 after
403 397
404 @-webkit-keyframes easy-unlock-spinner-animation { 398 @-webkit-keyframes easy-unlock-spinner-animation {
405 from { background-position: 0 } 399 from { background-position: 0 }
406 to { background-position: -1215px } 400 to { background-position: -1215px }
407 } 401 }
408 402
409 .interactive-custom-icon { 403 .interactive-custom-icon {
410 cursor: pointer; 404 cursor: pointer;
411 } 405 }
412 406
407 .pod[auth-type='onlineSignIn'] .custom-icon-container {
408 display: none;
409 }
410
413 .custom-icon-container { 411 .custom-icon-container {
414 display: flex; 412 display: flex;
415 flex: none; 413 flex: none;
416 flex-direction: column; 414 flex-direction: column;
417 height: 43px; 415 height: 43px;
418 width: 27px; 416 width: 27px;
419 } 417 }
420 418
421 .launch-app-button-container { 419 .launch-app-button-container {
422 display: block; 420 display: block;
(...skipping 474 matching lines...) Expand 10 before | Expand all | Expand 10 after
897 -webkit-animation: ellipsis-component2 1.5s infinite; 895 -webkit-animation: ellipsis-component2 1.5s infinite;
898 } 896 }
899 897
900 @-webkit-keyframes ellipsis-component2 { 898 @-webkit-keyframes ellipsis-component2 {
901 0% { opacity: 0; } 899 0% { opacity: 0; }
902 25% { opacity: 0; } 900 25% { opacity: 0; }
903 50% { opacity: 0; } 901 50% { opacity: 0; }
904 75% { opacity: 1; } 902 75% { opacity: 1; }
905 100% { opacity: 0; } 903 100% { opacity: 0; }
906 } 904 }
OLDNEW
« no previous file with comments | « ui/login/account_picker/screen_account_picker.js ('k') | ui/login/account_picker/user_pod_template.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698