OLD | NEW |
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 Loading... |
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 } |
OLD | NEW |