| 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 146 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 157 | 157 |
| 158 .name-container, | 158 .name-container, |
| 159 .pod.focused:not(.multiprofiles-policy-applied) .auth-container { | 159 .pod.focused:not(.multiprofiles-policy-applied) .auth-container { |
| 160 background-color: white; | 160 background-color: white; |
| 161 display: flex; | 161 display: flex; |
| 162 position: absolute; | 162 position: absolute; |
| 163 top: 160px; | 163 top: 160px; |
| 164 width: 160px; | 164 width: 160px; |
| 165 } | 165 } |
| 166 | 166 |
| 167 .pod.focused:not(.multiprofiles-policy-applied) .auth-container { | |
| 168 background-color: white; | |
| 169 position: absolute; | |
| 170 top: 160px; | |
| 171 width: 160px; | |
| 172 } | |
| 173 | |
| 174 .auth-container.pin-disabled { | |
| 175 opacity: 1; | |
| 176 transition: opacity 200ms ease-in-out 180ms; | |
| 177 visibility: visible; | |
| 178 } | |
| 179 | |
| 180 .auth-container.pin-enabled { | |
| 181 opacity: 0; | |
| 182 transition: none; | |
| 183 visibility: hidden; | |
| 184 } | |
| 185 | |
| 186 .name-container { | 167 .name-container { |
| 187 transition: transform 180ms, | 168 transition: transform 180ms, |
| 188 opacity 180ms ease-in-out 180ms, | 169 opacity 180ms ease-in-out 180ms, |
| 189 visibility 180ms ease-in-out 180ms; | 170 visibility 180ms ease-in-out 180ms; |
| 190 opacity : 1; | 171 opacity : 1; |
| 191 visibility: visible; | 172 visibility: visible; |
| 192 } | 173 } |
| 193 | 174 |
| 194 .name-container.pin-enabled { | 175 .name-container.pin-enabled { |
| 195 opacity : 0; | 176 opacity : 0; |
| (...skipping 690 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 886 -webkit-animation: ellipsis-component2 1.5s infinite; | 867 -webkit-animation: ellipsis-component2 1.5s infinite; |
| 887 } | 868 } |
| 888 | 869 |
| 889 @-webkit-keyframes ellipsis-component2 { | 870 @-webkit-keyframes ellipsis-component2 { |
| 890 0% { opacity: 0; } | 871 0% { opacity: 0; } |
| 891 25% { opacity: 0; } | 872 25% { opacity: 0; } |
| 892 50% { opacity: 0; } | 873 50% { opacity: 0; } |
| 893 75% { opacity: 1; } | 874 75% { opacity: 1; } |
| 894 100% { opacity: 0; } | 875 100% { opacity: 0; } |
| 895 } | 876 } |
| OLD | NEW |