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

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

Issue 13194004: User pods centered with any resolution. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 7 years, 9 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
« no previous file with comments | « no previous file | chrome/browser/resources/chromeos/login/user_pod_row.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 -webkit-transition: width 180ms ease; 11 /* Temporarily disabled because animation interferes with updating screen's
12 size. */
13 /* -webkit-transition: width 180ms ease; */
12 display: -webkit-box; 14 display: -webkit-box;
13 max-height: 650px; 15 max-height: 650px;
14 overflow: hidden; 16 overflow: visible;
15 padding: 23px 15px; 17 }
16 position: relative; 18
19 podrow[ncolumns='4'] {
20 width: 880px;
21 }
22
23 podrow[ncolumns='5'] {
24 width: 1100px;
25 }
26
27 podrow[ncolumns='6'] {
17 width: 1152px; 28 width: 1152px;
18 } 29 }
19 30
20 podrow[ncolumns='4'] {
21 width: 900px;
22 }
23
24 /* Hide the pod row while images are loading. */ 31 /* Hide the pod row while images are loading. */
25 podrow.images-loading { 32 podrow.images-loading {
26 visibility: hidden; 33 visibility: hidden;
27 } 34 }
28 35
29 .pod { 36 .pod {
30 -webkit-transform: scale(0.9); 37 -webkit-transform: scale(0.9);
31 -webkit-transition: all 180ms ease; 38 -webkit-transition: all 180ms ease;
32 background-color: white; 39 background-color: white;
33 border-radius: 2px; 40 border-radius: 2px;
(...skipping 377 matching lines...) Expand 10 before | Expand all | Expand 10 after
411 .pod.public-account.expanded .name, 418 .pod.public-account.expanded .name,
412 .pod.public-account.expanded .learn-more { 419 .pod.public-account.expanded .learn-more {
413 display: none; 420 display: none;
414 } 421 }
415 422
416 .pod.public-account.expanded .side-pane-divider, 423 .pod.public-account.expanded .side-pane-divider,
417 .pod.public-account.expanded .side-pane-container, 424 .pod.public-account.expanded .side-pane-container,
418 .pod.public-account.animating .side-pane-container { 425 .pod.public-account.animating .side-pane-container {
419 visibility: visible; 426 visibility: visible;
420 } 427 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/chromeos/login/user_pod_row.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698