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

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: Nit. Created 4 years, 3 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 146 matching lines...) Expand 10 before | Expand all | Expand 10 after
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
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 }
OLDNEW
« no previous file with comments | « ui/login/account_picker/screen_account_picker.js ('k') | ui/login/account_picker/user_pod_row.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698