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

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

Issue 2785003002: cros: Showing pin on lock is no longer associated with sending user list. (Closed)
Patch Set: Address comments Created 3 years, 8 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 26 matching lines...) Expand all
37 top: 0; 37 top: 0;
38 transform: scale3d(0.9, 0.9, 0.9); 38 transform: scale3d(0.9, 0.9, 0.9);
39 width: 180px; 39 width: 180px;
40 z-index: 0; 40 z-index: 0;
41 } 41 }
42 42
43 .account-picker.flying-pods .pod { 43 .account-picker.flying-pods .pod {
44 transition: all 180ms; 44 transition: all 180ms;
45 } 45 }
46 46
47 .pod.flying-pin-pod {
48 transition: height 180ms ease-in-out,
49 top 180ms ease-in-out;
50 }
51
52 .pod.pin-enabled { 47 .pod.pin-enabled {
53 height: 417px; 48 height: 417px;
54 top: -87px !important; 49 top: -87px !important;
55 } 50 }
56 51
57 .disable-pin-animation .pod.pin-enabled {
58 transition: none;
59 }
60
61 .pod .pin-container { 52 .pod .pin-container {
62 height: 204px; 53 height: 204px;
63 position: absolute; 54 position: absolute;
64 top: 170px; 55 top: 170px;
65 } 56 }
66 57
67 .pod.faded { 58 .pod.faded {
68 opacity: .75; 59 opacity: .75;
69 } 60 }
70 61
(...skipping 953 matching lines...) Expand 10 before | Expand all | Expand 10 after
1024 animation: ellipsis-component2 1.5s infinite; 1015 animation: ellipsis-component2 1.5s infinite;
1025 } 1016 }
1026 1017
1027 @keyframes ellipsis-component2 { 1018 @keyframes ellipsis-component2 {
1028 0% { opacity: 0; } 1019 0% { opacity: 0; }
1029 25% { opacity: 0; } 1020 25% { opacity: 0; }
1030 50% { opacity: 0; } 1021 50% { opacity: 0; }
1031 75% { opacity: 1; } 1022 75% { opacity: 1; }
1032 100% { opacity: 0; } 1023 100% { opacity: 0; }
1033 } 1024 }
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