OLD | NEW |
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 Loading... |
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 Loading... |
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 } |
OLD | NEW |