| 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 484 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 495 | 495 |
| 496 .action-box-area.active ~ .action-box-menu:not(.menu-moved-up) { | 496 .action-box-area.active ~ .action-box-menu:not(.menu-moved-up) { |
| 497 top: 18px; | 497 top: 18px; |
| 498 } | 498 } |
| 499 | 499 |
| 500 .action-box-area.active ~ .action-box-menu.menu-moved-up { | 500 .action-box-area.active ~ .action-box-menu.menu-moved-up { |
| 501 bottom: 207px; | 501 bottom: 207px; |
| 502 } | 502 } |
| 503 | 503 |
| 504 .action-box-area.menu-moved-up { | 504 .action-box-area.menu-moved-up { |
| 505 -webkit-transform: rotate(180deg); | 505 transform: rotate(180deg); |
| 506 } | 506 } |
| 507 | 507 |
| 508 html[dir=rtl] .action-box-area.active ~ .action-box-menu { | 508 html[dir=rtl] .action-box-area.active ~ .action-box-menu { |
| 509 left: 5px; | 509 left: 5px; |
| 510 right: auto; | 510 right: auto; |
| 511 } | 511 } |
| 512 | 512 |
| 513 .action-box-menu-title { | 513 .action-box-menu-title { |
| 514 color: #757575; | 514 color: #757575; |
| 515 display: flex; | 515 display: flex; |
| (...skipping 299 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 815 -webkit-animation: ellipsis-component2 1.5s infinite; | 815 -webkit-animation: ellipsis-component2 1.5s infinite; |
| 816 } | 816 } |
| 817 | 817 |
| 818 @-webkit-keyframes ellipsis-component2 { | 818 @-webkit-keyframes ellipsis-component2 { |
| 819 0% { opacity: 0; } | 819 0% { opacity: 0; } |
| 820 25% { opacity: 0; } | 820 25% { opacity: 0; } |
| 821 50% { opacity: 0; } | 821 50% { opacity: 0; } |
| 822 75% { opacity: 1; } | 822 75% { opacity: 1; } |
| 823 100% { opacity: 0; } | 823 100% { opacity: 0; } |
| 824 } | 824 } |
| OLD | NEW |