| 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 149 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 160 overflow: hidden; | 160 overflow: hidden; |
| 161 padding: 0 6px; | 161 padding: 0 6px; |
| 162 text-align: center; | 162 text-align: center; |
| 163 text-overflow: ellipsis; | 163 text-overflow: ellipsis; |
| 164 white-space: nowrap; | 164 white-space: nowrap; |
| 165 } | 165 } |
| 166 | 166 |
| 167 .learn-more-container, | 167 .learn-more-container, |
| 168 .auth-container, | 168 .auth-container, |
| 169 .password-entry-container, | 169 .password-entry-container, |
| 170 .signin-button-container { | 170 .reauth-hint-container { |
| 171 display: none; | 171 display: none; |
| 172 } | 172 } |
| 173 | 173 |
| 174 .pod[auth-type='offlinePassword'].focused .password-entry-container, | 174 .pod[auth-type='offlinePassword'].focused .password-entry-container, |
| 175 .pod[auth-type='forceOfflinePassword'].focused .password-entry-container { | 175 .pod[auth-type='forceOfflinePassword'].focused .password-entry-container { |
| 176 display: flex; | 176 display: flex; |
| 177 flex: auto; | 177 flex: auto; |
| 178 } | 178 } |
| 179 | 179 |
| 180 .password-container { | 180 .password-container { |
| (...skipping 164 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 345 | 345 |
| 346 .custom-icon-container { | 346 .custom-icon-container { |
| 347 display: flex; | 347 display: flex; |
| 348 flex: none; | 348 flex: none; |
| 349 flex-direction: column; | 349 flex-direction: column; |
| 350 height: 40px; | 350 height: 40px; |
| 351 justify-content: center; | 351 justify-content: center; |
| 352 width: 40px; | 352 width: 40px; |
| 353 } | 353 } |
| 354 | 354 |
| 355 .pod[auth-type='onlineSignIn'] .signin-button-container, | |
| 356 .launch-app-button-container { | 355 .launch-app-button-container { |
| 357 display: block; | 356 display: block; |
| 358 flex: auto; | 357 flex: auto; |
| 359 text-align: center; | 358 text-align: center; |
| 360 } | 359 } |
| 361 | 360 |
| 362 .signin-button, | |
| 363 .launch-app-button { | 361 .launch-app-button { |
| 364 display: inline; | 362 display: inline; |
| 365 margin-top: 6px !important; | 363 margin-top: 6px !important; |
| 366 max-width: 100%; | 364 max-width: 100%; |
| 367 overflow: hidden; | 365 overflow: hidden; |
| 368 text-overflow: ellipsis; | 366 text-overflow: ellipsis; |
| 369 } | 367 } |
| 370 | 368 |
| 369 .pod[auth-type='onlineSignIn'] .reauth-hint-container { |
| 370 display: flex; |
| 371 margin-top: 8px; |
| 372 width: 100%; |
| 373 justify-content: center; |
| 374 } |
| 375 |
| 376 .reauth-hint-container .reauth-warning { |
| 377 color: #f4b400; |
| 378 display: inline-flex; |
| 379 } |
| 380 |
| 381 .reauth-hint-container .reauth-name-hint { |
| 382 align-self: center; |
| 383 color: #565656; |
| 384 font-size: 16px; |
| 385 outline: none; |
| 386 overflow: hidden; |
| 387 padding: 0 6px; |
| 388 text-align: center; |
| 389 text-overflow: ellipsis; |
| 390 white-space: nowrap; |
| 391 } |
| 392 |
| 371 .action-box-area, | 393 .action-box-area, |
| 372 .user-type-icon-area { | 394 .user-type-icon-area { |
| 373 background-color: white; | 395 background-color: white; |
| 374 border-radius: 2px; | 396 border-radius: 2px; |
| 375 position: absolute; | 397 position: absolute; |
| 376 top: 0; | 398 top: 0; |
| 377 } | 399 } |
| 378 | 400 |
| 379 .action-box-area { | 401 .action-box-area { |
| 380 opacity: 0; | 402 opacity: 0; |
| (...skipping 379 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 760 -webkit-animation: ellipsis-component2 1.5s infinite; | 782 -webkit-animation: ellipsis-component2 1.5s infinite; |
| 761 } | 783 } |
| 762 | 784 |
| 763 @-webkit-keyframes ellipsis-component2 { | 785 @-webkit-keyframes ellipsis-component2 { |
| 764 0% { opacity: 0; } | 786 0% { opacity: 0; } |
| 765 25% { opacity: 0; } | 787 25% { opacity: 0; } |
| 766 50% { opacity: 0; } | 788 50% { opacity: 0; } |
| 767 75% { opacity: 1; } | 789 75% { opacity: 1; } |
| 768 100% { opacity: 0; } | 790 100% { opacity: 0; } |
| 769 } | 791 } |
| OLD | NEW |