OLD | NEW |
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 278 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
289 white-space: nowrap; | 289 white-space: nowrap; |
290 } | 290 } |
291 | 291 |
292 .custom-icon { | 292 .custom-icon { |
293 -webkit-margin-end: 0; | 293 -webkit-margin-end: 0; |
294 -webkit-margin-start: auto; | 294 -webkit-margin-start: auto; |
295 background-position: center; | 295 background-position: center; |
296 background-repeat: no-repeat; | 296 background-repeat: no-repeat; |
297 flex: none; | 297 flex: none; |
298 height: 27px; | 298 height: 27px; |
| 299 margin: 8px 0; |
299 width: 27px; | 300 width: 27px; |
300 } | 301 } |
301 | 302 |
302 .custom-icon.faded { | 303 .custom-icon.faded { |
303 -webkit-transition: opacity 200ms ease-in-out, | 304 -webkit-transition: opacity 200ms ease-in-out, |
304 visibility 200ms ease-in-out; | 305 visibility 200ms ease-in-out; |
305 } | 306 } |
306 | 307 |
307 .custom-icon-hardlocked { | 308 .custom-icon-hardlocked { |
308 background-image: url(chrome://theme/IDR_EASY_UNLOCK_HARDLOCKED); | 309 background-image: url(chrome://theme/IDR_EASY_UNLOCK_HARDLOCKED); |
(...skipping 97 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
406 } | 407 } |
407 | 408 |
408 .interactive-custom-icon { | 409 .interactive-custom-icon { |
409 cursor: pointer; | 410 cursor: pointer; |
410 } | 411 } |
411 | 412 |
412 .custom-icon-container { | 413 .custom-icon-container { |
413 display: flex; | 414 display: flex; |
414 flex: none; | 415 flex: none; |
415 flex-direction: column; | 416 flex-direction: column; |
416 height: 40px; | 417 height: 43px; |
417 justify-content: center; | 418 width: 27px; |
418 width: 40px; | |
419 } | 419 } |
420 | 420 |
421 .launch-app-button-container { | 421 .launch-app-button-container { |
422 display: block; | 422 display: block; |
423 flex: auto; | 423 flex: auto; |
424 text-align: center; | 424 text-align: center; |
425 } | 425 } |
426 | 426 |
427 .launch-app-button { | 427 .launch-app-button { |
428 display: inline; | 428 display: inline; |
(...skipping 468 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
897 -webkit-animation: ellipsis-component2 1.5s infinite; | 897 -webkit-animation: ellipsis-component2 1.5s infinite; |
898 } | 898 } |
899 | 899 |
900 @-webkit-keyframes ellipsis-component2 { | 900 @-webkit-keyframes ellipsis-component2 { |
901 0% { opacity: 0; } | 901 0% { opacity: 0; } |
902 25% { opacity: 0; } | 902 25% { opacity: 0; } |
903 50% { opacity: 0; } | 903 50% { opacity: 0; } |
904 75% { opacity: 1; } | 904 75% { opacity: 1; } |
905 100% { opacity: 0; } | 905 100% { opacity: 0; } |
906 } | 906 } |
OLD | NEW |