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

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

Issue 2106113003: Fixed issue with pods flying when changing profiles. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@lkgr
Patch Set: Renamed function for clarity. Created 4 years, 5 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 18 matching lines...) Expand all
29 border-radius: 2px; 29 border-radius: 2px;
30 box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 30 box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2),
31 0 2px 6px rgba(0, 0, 0, 0.15), 31 0 2px 6px rgba(0, 0, 0, 0.15),
32 0 3px 0 rgba(0, 0, 0, 0.08); 32 0 3px 0 rgba(0, 0, 0, 0.08);
33 cursor: pointer; 33 cursor: pointer;
34 height: 213px; 34 height: 213px;
35 outline: none; 35 outline: none;
36 position: absolute; 36 position: absolute;
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;
40 z-index: 0;
41 }
42
43 #account_picker.flying-pods .pod {
44 transition: all 180ms;
45 }
46
47 .pod.flying-pin-pod {
39 transition: height 180ms ease-in-out, 48 transition: height 180ms ease-in-out,
40 padding 180ms ease-in-out, 49 padding 180ms ease-in-out,
41 top 180ms ease-in-out, 50 top 180ms ease-in-out,
42 width 180ms ease-in-out; 51 width 180ms ease-in-out;
43 width: 180px;
44 z-index: 0;
45 } 52 }
46 53
47 .pod.pin-enabled { 54 .pod.pin-enabled {
48 height: 600px; 55 height: 600px;
49 padding: 10px; 56 padding: 10px;
50 top: -200px !important; 57 top: -200px !important;
51 width: 256px; 58 width: 256px;
52 } 59 }
53 60
54 .pod .pin-container { 61 .pod .pin-container {
(...skipping 822 matching lines...) Expand 10 before | Expand all | Expand 10 after
877 -webkit-animation: ellipsis-component2 1.5s infinite; 884 -webkit-animation: ellipsis-component2 1.5s infinite;
878 } 885 }
879 886
880 @-webkit-keyframes ellipsis-component2 { 887 @-webkit-keyframes ellipsis-component2 {
881 0% { opacity: 0; } 888 0% { opacity: 0; }
882 25% { opacity: 0; } 889 25% { opacity: 0; }
883 50% { opacity: 0; } 890 50% { opacity: 0; }
884 75% { opacity: 1; } 891 75% { opacity: 1; }
885 100% { opacity: 0; } 892 100% { opacity: 0; }
886 } 893 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/chromeos/login/lock.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