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

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: Created 5 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 132 matching lines...) Expand 10 before | Expand all | Expand 10 after
143 } 143 }
144 144
145 .pod.focused .name-container { 145 .pod.focused .name-container {
146 display: none; 146 display: none;
147 } 147 }
148 148
149 .pod.focused.multiprofiles-policy-applied .name-container { 149 .pod.focused.multiprofiles-policy-applied .name-container {
150 display: flex; 150 display: flex;
151 } 151 }
152 152
153 .name { 153 .name-box {
dzhioev (left Google) 2015/06/22 23:51:24 You need to rename this class in chrome/browser/re
Alexander Alekseev 2015/06/30 20:43:39 Done.
154 color: #565656; 154 color: #565656;
155 /* This should be 15.6px - the equivalent of 14px at 90% scale. */ 155 /* This should be 15.6px - the equivalent of 14px at 90% scale. */
156 flex: auto; 156 flex: auto;
157 font-size: 16px; 157 font-size: 16px;
158 margin-top: 12px; 158 margin-top: 12px;
159 outline: none; 159 outline: none;
160 padding: 0 6px;
161 }
162
163 .name-box .reauth-warning {
164 color: #ffc107;
165 display: none;
166 }
167
168 .name {
160 overflow: hidden; 169 overflow: hidden;
161 padding: 0 6px;
162 text-align: center; 170 text-align: center;
163 text-overflow: ellipsis; 171 text-overflow: ellipsis;
164 white-space: nowrap; 172 white-space: nowrap;
165 } 173 }
166 174
167 .learn-more-container, 175 .learn-more-container,
168 .auth-container, 176 .auth-container,
169 .password-entry-container, 177 .password-entry-container,
170 .signin-button-container { 178 .signin-button-container {
171 display: none; 179 display: none;
(...skipping 588 matching lines...) Expand 10 before | Expand all | Expand 10 after
760 -webkit-animation: ellipsis-component2 1.5s infinite; 768 -webkit-animation: ellipsis-component2 1.5s infinite;
761 } 769 }
762 770
763 @-webkit-keyframes ellipsis-component2 { 771 @-webkit-keyframes ellipsis-component2 {
764 0% { opacity: 0; } 772 0% { opacity: 0; }
765 25% { opacity: 0; } 773 25% { opacity: 0; }
766 50% { opacity: 0; } 774 50% { opacity: 0; }
767 75% { opacity: 1; } 775 75% { opacity: 1; }
768 100% { opacity: 0; } 776 100% { opacity: 0; }
769 } 777 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698