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 |