Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(4)

Side by Side Diff: ui/login/account_picker/user_pod_row.css

Issue 2007133006: Use svg icon to avoid lazy loading of Polymer elements for user pods (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Update tests with regard to the latest changes while tests were disabled Created 4 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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 356 matching lines...) Expand 10 before | Expand all | Expand 10 after
367 } 367 }
368 368
369 .pod[auth-type='onlineSignIn'] .reauth-hint-container { 369 .pod[auth-type='onlineSignIn'] .reauth-hint-container {
370 display: flex; 370 display: flex;
371 margin-top: 8px; 371 margin-top: 8px;
372 width: 100%; 372 width: 100%;
373 justify-content: center; 373 justify-content: center;
374 } 374 }
375 375
376 .reauth-hint-container .reauth-warning { 376 .reauth-hint-container .reauth-warning {
377 color: #f4b400; 377 -webkit-mask-image: url(../../../ui/webui/resources/images/warning.svg);
378 display: inline-flex; 378 -webkit-mask-position: center;
379 -webkit-mask-repeat: no-repeat;
380 -webkit-mask-size: 20px;
381 background-color: #f4b400;
382 height: 24px;
383 width: 24px;
379 } 384 }
380 385
381 .reauth-hint-container .reauth-name-hint { 386 .reauth-hint-container .reauth-name-hint {
382 align-self: center; 387 align-self: center;
383 color: #565656; 388 color: #565656;
384 font-size: 16px; 389 font-size: 16px;
385 outline: none; 390 outline: none;
386 overflow: hidden; 391 overflow: hidden;
387 padding: 0 6px; 392 padding: 0 6px;
388 text-align: center; 393 text-align: center;
(...skipping 432 matching lines...) Expand 10 before | Expand all | Expand 10 after
821 -webkit-animation: ellipsis-component2 1.5s infinite; 826 -webkit-animation: ellipsis-component2 1.5s infinite;
822 } 827 }
823 828
824 @-webkit-keyframes ellipsis-component2 { 829 @-webkit-keyframes ellipsis-component2 {
825 0% { opacity: 0; } 830 0% { opacity: 0; }
826 25% { opacity: 0; } 831 25% { opacity: 0; }
827 50% { opacity: 0; } 832 50% { opacity: 0; }
828 75% { opacity: 1; } 833 75% { opacity: 1; }
829 100% { opacity: 0; } 834 100% { opacity: 0; }
830 } 835 }
OLDNEW
« no previous file with comments | « chrome/test/data/webui/md_user_manager/user_manager_browsertest.js ('k') | ui/login/account_picker/user_pod_template.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698