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

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

Issue 2260653002: Pin keyboard works with virtual keyboard. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@lkgr
Patch Set: Created 4 years, 4 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 179 matching lines...) Expand 10 before | Expand all | Expand 10 after
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
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698