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

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

Issue 1191273002: ChromeOS: Show the new POD RE-AUTH ICON when users needs to re-auth (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Update after review. Created 5 years, 5 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 149 matching lines...) Expand 10 before | Expand all | Expand 10 after
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
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
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 }
OLDNEW
« no previous file with comments | « chrome/browser/ui/webui/signin/user_manager_screen_handler.cc ('k') | ui/login/account_picker/user_pod_row.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698