| 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 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 47 .pod.flying-pin-pod { | 47 .pod.flying-pin-pod { |
| 48 transition: height 180ms ease-in-out, | 48 transition: height 180ms ease-in-out, |
| 49 top 180ms ease-in-out; | 49 top 180ms ease-in-out; |
| 50 } | 50 } |
| 51 | 51 |
| 52 .pod.pin-enabled { | 52 .pod.pin-enabled { |
| 53 height: 417px; | 53 height: 417px; |
| 54 top: -87px !important; | 54 top: -87px !important; |
| 55 } | 55 } |
| 56 | 56 |
| 57 .disable-pin-animation .pod.pin-enabled { |
| 58 transition: none; |
| 59 } |
| 60 |
| 57 .pod .pin-container { | 61 .pod .pin-container { |
| 58 height: 204px; | 62 height: 204px; |
| 59 position: absolute; | 63 position: absolute; |
| 60 top: 170px; | 64 top: 170px; |
| 61 } | 65 } |
| 62 | 66 |
| 63 .pod.faded { | 67 .pod.faded { |
| 64 opacity: .75; | 68 opacity: .75; |
| 65 } | 69 } |
| 66 | 70 |
| (...skipping 913 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 980 -webkit-animation: ellipsis-component2 1.5s infinite; | 984 -webkit-animation: ellipsis-component2 1.5s infinite; |
| 981 } | 985 } |
| 982 | 986 |
| 983 @-webkit-keyframes ellipsis-component2 { | 987 @-webkit-keyframes ellipsis-component2 { |
| 984 0% { opacity: 0; } | 988 0% { opacity: 0; } |
| 985 25% { opacity: 0; } | 989 25% { opacity: 0; } |
| 986 50% { opacity: 0; } | 990 50% { opacity: 0; } |
| 987 75% { opacity: 1; } | 991 75% { opacity: 1; } |
| 988 100% { opacity: 0; } | 992 100% { opacity: 0; } |
| 989 } | 993 } |
| OLD | NEW |