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

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

Issue 2254623003: Submit button added to user pod. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@lkgr
Patch Set: Rebased. Created 4 years, 3 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 143 matching lines...) Expand 10 before | Expand all | Expand 10 after
154 left: auto; 154 left: auto;
155 right: 10px; 155 right: 10px;
156 } 156 }
157 157
158 .name-container, 158 .name-container,
159 .pod.focused:not(.multiprofiles-policy-applied) .auth-container { 159 .pod.focused:not(.multiprofiles-policy-applied) .auth-container {
160 background-color: white; 160 background-color: white;
161 display: flex; 161 display: flex;
162 position: absolute; 162 position: absolute;
163 top: 160px; 163 top: 160px;
164 width: 160px; 164 width: 170px;
165 }
166
167 .auth-container .submit-button[disabled] {
168 color: #000;
169 opacity: 0.26;
170 }
171
172 .auth-container .submit-button {
173 box-sizing: border-box;
174 color: var(--google-blue-500);
175 height: 43px;
176 min-height: 43px;
177 min-width: 43px;
178 padding: 11.5px 10px;
179 position: relative;
180 width: 43px;
181 }
182
183 .auth-container .submit-button.error-shown {
184 color: #CD2A00;
165 } 185 }
166 186
167 .name-container { 187 .name-container {
168 transition: transform 180ms, 188 transition: transform 180ms,
169 opacity 180ms ease-in-out 180ms, 189 opacity 180ms ease-in-out 180ms,
170 visibility 180ms ease-in-out 180ms; 190 visibility 180ms ease-in-out 180ms;
171 opacity : 1; 191 opacity : 1;
172 visibility: visible; 192 visibility: visible;
173 } 193 }
174 194
(...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after
222 width: 100%; 242 width: 100%;
223 } 243 }
224 244
225 .capslock-hint-container { 245 .capslock-hint-container {
226 display: none; 246 display: none;
227 } 247 }
228 248
229 .capslock-on .capslock-hint-container { 249 .capslock-on .capslock-hint-container {
230 display: block; 250 display: block;
231 flex: none; 251 flex: none;
252 height: 43px;
253 position: relative;
254 width: 20px;
232 } 255 }
233 256
234 .capslock-hint { 257 .capslock-hint {
235 -webkit-margin-end: 6px; 258 -webkit-margin-end: 6px;
236 -webkit-margin-start: -2px; 259 -webkit-margin-start: -2px;
260 margin: auto;
237 position: relative; 261 position: relative;
238 top: 11px; 262 top: 15px;
239 } 263 }
240 264
241 .password-label, 265 .password-label,
242 .signin-transition-container { 266 .signin-transition-container {
243 display: none; 267 display: none;
244 } 268 }
245 269
246 .pod[auth-type='userClick']:not(.signing-in) .password-label, 270 .pod[auth-type='userClick']:not(.signing-in) .password-label,
247 .pod[auth-type='userClick'].signing-in .signin-transition-container { 271 .pod[auth-type='userClick'].signing-in .signin-transition-container {
248 color: grey; 272 color: grey;
(...skipping 614 matching lines...) Expand 10 before | Expand all | Expand 10 after
863 -webkit-animation: ellipsis-component2 1.5s infinite; 887 -webkit-animation: ellipsis-component2 1.5s infinite;
864 } 888 }
865 889
866 @-webkit-keyframes ellipsis-component2 { 890 @-webkit-keyframes ellipsis-component2 {
867 0% { opacity: 0; } 891 0% { opacity: 0; }
868 25% { opacity: 0; } 892 25% { opacity: 0; }
869 50% { opacity: 0; } 893 50% { opacity: 0; }
870 75% { opacity: 1; } 894 75% { opacity: 1; }
871 100% { opacity: 0; } 895 100% { opacity: 0; }
872 } 896 }
OLDNEW
« no previous file with comments | « ui/login/account_picker/screen_account_picker.js ('k') | ui/login/account_picker/user_pod_row.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698