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

Side by Side Diff: chrome/browser/resources/chromeos/login/user_pod_row.css

Issue 10836238: [cros] Hide user pods on Login screen while images are loading. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: JS cleanup and timeout. Created 8 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 | Annotate | Revision Log
OLDNEW
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2012 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 -webkit-box-align: center; 9 -webkit-box-align: center;
10 -webkit-box-pack: center; 10 -webkit-box-pack: center;
11 display: -webkit-box; 11 display: -webkit-box;
12 position: relative; 12 position: relative;
13 } 13 }
14 14
15 /* Hide the pod row while images are loading. */
16 podrow.images-loading {
17 visibility: hidden;
18 }
19
15 html[oobe=old] podrow { 20 html[oobe=old] podrow {
16 height: 230px; 21 height: 230px;
17 } 22 }
18 23
19 .pod { 24 .pod {
20 border-radius: 2px; 25 border-radius: 2px;
21 cursor: pointer; 26 cursor: pointer;
22 outline: none; 27 outline: none;
23 padding: 10px; 28 padding: 10px;
24 position: relative; 29 position: relative;
(...skipping 268 matching lines...) Expand 10 before | Expand all | Expand 10 after
293 298
294 html[oobe=old] .signed-in-indicator { 299 html[oobe=old] .signed-in-indicator {
295 margin: 5px; 300 margin: 5px;
296 } 301 }
297 302
298 html[oobe=old] .pod.focused .signed-in-indicator { 303 html[oobe=old] .pod.focused .signed-in-indicator {
299 /* Track shifting of .user-image on pod focus. */ 304 /* Track shifting of .user-image on pod focus. */
300 -webkit-transform: translateY(-1px); 305 -webkit-transform: translateY(-1px);
301 -webkit-transition: -webkit-transform 140ms ease; 306 -webkit-transition: -webkit-transform 140ms ease;
302 } 307 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698