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

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: Fixed patch set 6 errors. 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.pin-disabled {
168 opacity: 1;
169 transition: opacity 200ms ease-in-out 180ms;
170 visibility: visible;
171 }
172
173 .auth-container.pin-enabled {
174 opacity: 0;
175 transition: none;
176 visibility: hidden;
177 }
178
179 .auth-container .submit-button[disabled] {
180 color: #000;
181 opacity: 0.26;
182 }
183
184 .auth-container .submit-button {
185 box-sizing: border-box;
186 color: var(--google-blue-500);
187 height: 43px;
188 min-height: 43px;
189 min-width: 43px;
190 padding: 11.5px 10px;
191 position: relative;
192 width: 43px;
193 }
194
195 .auth-container .submit-button.error-shown {
196 color: #CD2A00;
165 } 197 }
166 198
167 .name-container { 199 .name-container {
168 transition: transform 180ms, 200 transition: transform 180ms,
169 opacity 180ms ease-in-out 180ms, 201 opacity 180ms ease-in-out 180ms,
170 visibility 180ms ease-in-out 180ms; 202 visibility 180ms ease-in-out 180ms;
171 opacity : 1; 203 opacity : 1;
172 visibility: visible; 204 visibility: visible;
173 } 205 }
174 206
(...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after
222 width: 100%; 254 width: 100%;
223 } 255 }
224 256
225 .capslock-hint-container { 257 .capslock-hint-container {
226 display: none; 258 display: none;
227 } 259 }
228 260
229 .capslock-on .capslock-hint-container { 261 .capslock-on .capslock-hint-container {
230 display: block; 262 display: block;
231 flex: none; 263 flex: none;
264 height: 43px;
265 position: relative;
266 width: 20px;
232 } 267 }
233 268
234 .capslock-hint { 269 .capslock-hint {
235 -webkit-margin-end: 6px; 270 -webkit-margin-end: 6px;
236 -webkit-margin-start: -2px; 271 -webkit-margin-start: -2px;
272 margin: auto;
237 position: relative; 273 position: relative;
238 top: 11px; 274 top: 15px;
239 } 275 }
240 276
241 .password-label, 277 .password-label,
242 .signin-transition-container { 278 .signin-transition-container {
243 display: none; 279 display: none;
244 } 280 }
245 281
246 .pod[auth-type='userClick']:not(.signing-in) .password-label, 282 .pod[auth-type='userClick']:not(.signing-in) .password-label,
247 .pod[auth-type='userClick'].signing-in .signin-transition-container { 283 .pod[auth-type='userClick'].signing-in .signin-transition-container {
248 color: grey; 284 color: grey;
(...skipping 618 matching lines...) Expand 10 before | Expand all | Expand 10 after
867 -webkit-animation: ellipsis-component2 1.5s infinite; 903 -webkit-animation: ellipsis-component2 1.5s infinite;
868 } 904 }
869 905
870 @-webkit-keyframes ellipsis-component2 { 906 @-webkit-keyframes ellipsis-component2 {
871 0% { opacity: 0; } 907 0% { opacity: 0; }
872 25% { opacity: 0; } 908 25% { opacity: 0; }
873 50% { opacity: 0; } 909 50% { opacity: 0; }
874 75% { opacity: 1; } 910 75% { opacity: 1; }
875 100% { opacity: 0; } 911 100% { opacity: 0; }
876 } 912 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698