| 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 179 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 190 | 190 |
| 191 .name-container, | 191 .name-container, |
| 192 .pod.focused:not(.multiprofiles-policy-applied) .auth-container { | 192 .pod.focused:not(.multiprofiles-policy-applied) .auth-container { |
| 193 background-color: white; | 193 background-color: white; |
| 194 display: flex; | 194 display: flex; |
| 195 position: absolute; | 195 position: absolute; |
| 196 top: 160px; | 196 top: 160px; |
| 197 width: 160px; | 197 width: 160px; |
| 198 } | 198 } |
| 199 | 199 |
| 200 .pod.focused:not(.multiprofiles-policy-applied) .auth-container { | |
| 201 background-color: white; | |
| 202 position: absolute; | |
| 203 top: 160px; | |
| 204 width: 160px; | |
| 205 } | |
| 206 | |
| 207 .auth-container.pin-disabled { | |
| 208 opacity: 1; | |
| 209 transition: opacity 200ms ease-in-out 180ms; | |
| 210 visibility: visible; | |
| 211 } | |
| 212 | |
| 213 .auth-container.pin-enabled { | |
| 214 opacity: 0; | |
| 215 transition: none; | |
| 216 visibility: hidden; | |
| 217 } | |
| 218 | |
| 219 .name-container { | 200 .name-container { |
| 220 transition: transform 180ms, | 201 transition: transform 180ms, |
| 221 opacity 180ms ease-in-out 180ms, | 202 opacity 180ms ease-in-out 180ms, |
| 222 visibility 180ms ease-in-out 180ms; | 203 visibility 180ms ease-in-out 180ms; |
| 223 opacity : 1; | 204 opacity : 1; |
| 224 visibility: visible; | 205 visibility: visible; |
| 225 } | 206 } |
| 226 | 207 |
| 227 .name-container.pin-enabled { | 208 .name-container.pin-enabled { |
| 228 opacity : 0; | 209 opacity : 0; |
| (...skipping 690 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 919 -webkit-animation: ellipsis-component2 1.5s infinite; | 900 -webkit-animation: ellipsis-component2 1.5s infinite; |
| 920 } | 901 } |
| 921 | 902 |
| 922 @-webkit-keyframes ellipsis-component2 { | 903 @-webkit-keyframes ellipsis-component2 { |
| 923 0% { opacity: 0; } | 904 0% { opacity: 0; } |
| 924 25% { opacity: 0; } | 905 25% { opacity: 0; } |
| 925 50% { opacity: 0; } | 906 50% { opacity: 0; } |
| 926 75% { opacity: 1; } | 907 75% { opacity: 1; } |
| 927 100% { opacity: 0; } | 908 100% { opacity: 0; } |
| 928 } | 909 } |
| OLD | NEW |