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

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

Issue 2691883002: Uprefix CSS transitions in ui/ and chrome/ styles (Closed)
Patch Set: transitions only Created 3 years, 10 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 285 matching lines...) Expand 10 before | Expand all | Expand 10 after
296 -webkit-margin-start: auto; 296 -webkit-margin-start: auto;
297 background-position: center; 297 background-position: center;
298 background-repeat: no-repeat; 298 background-repeat: no-repeat;
299 flex: none; 299 flex: none;
300 height: 27px; 300 height: 27px;
301 margin: 8px 0; 301 margin: 8px 0;
302 width: 27px; 302 width: 27px;
303 } 303 }
304 304
305 .custom-icon.faded { 305 .custom-icon.faded {
306 -webkit-transition: opacity 200ms ease-in-out, 306 transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;
307 visibility 200ms ease-in-out;
308 } 307 }
309 308
310 .custom-icon-hardlocked { 309 .custom-icon-hardlocked {
311 background-image: url(chrome://theme/IDR_EASY_UNLOCK_HARDLOCKED); 310 background-image: url(chrome://theme/IDR_EASY_UNLOCK_HARDLOCKED);
312 } 311 }
313 312
314 .custom-icon-hardlocked.icon-with-tooltip:hover { 313 .custom-icon-hardlocked.icon-with-tooltip:hover {
315 background-image: url(chrome://theme/IDR_EASY_UNLOCK_HARDLOCKED_HOVER); 314 background-image: url(chrome://theme/IDR_EASY_UNLOCK_HARDLOCKED_HOVER);
316 } 315 }
317 316
(...skipping 670 matching lines...) Expand 10 before | Expand all | Expand 10 after
988 animation: ellipsis-component2 1.5s infinite; 987 animation: ellipsis-component2 1.5s infinite;
989 } 988 }
990 989
991 @keyframes ellipsis-component2 { 990 @keyframes ellipsis-component2 {
992 0% { opacity: 0; } 991 0% { opacity: 0; }
993 25% { opacity: 0; } 992 25% { opacity: 0; }
994 50% { opacity: 0; } 993 50% { opacity: 0; }
995 75% { opacity: 1; } 994 75% { opacity: 1; }
996 100% { opacity: 0; } 995 100% { opacity: 0; }
997 } 996 }
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