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

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

Issue 2357623003: Submit button incompatiable with desktop chrome. (Closed)
Patch Set: 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
« no previous file with comments | « no previous file | ui/login/account_picker/user_pod_row.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 /* On chromeos we extend the width to cover the padding on the user pods. This
165 is so the submit button on chromeos can extend onto the padding as shown on
166 mocks. */
167 <if expr="not chromeos">
168 width: 160px;
169 </if>
170 <if expr="chromeos">
164 width: 170px; 171 width: 170px;
172 </if>
165 } 173 }
166 174
167 .auth-container .submit-button[disabled] { 175 .auth-container .submit-button[disabled] {
168 color: #000; 176 color: #000;
169 opacity: 0.26; 177 opacity: 0.26;
170 } 178 }
171 179
172 .auth-container .submit-button { 180 .auth-container .submit-button {
173 box-sizing: border-box; 181 box-sizing: border-box;
174 color: var(--google-blue-500); 182 color: var(--google-blue-500);
(...skipping 64 matching lines...) Expand 10 before | Expand all | Expand 10 after
239 padding: 4px 6px; 247 padding: 4px 6px;
240 position: relative; 248 position: relative;
241 top: 6px; 249 top: 6px;
242 width: 100%; 250 width: 100%;
243 } 251 }
244 252
245 .capslock-hint-container { 253 .capslock-hint-container {
246 display: none; 254 display: none;
247 } 255 }
248 256
257 <if expr="chromeos">
249 .capslock-on .capslock-hint-container { 258 .capslock-on .capslock-hint-container {
250 display: block; 259 display: block;
251 flex: none; 260 flex: none;
252 height: 43px; 261 height: 43px;
253 position: relative; 262 position: relative;
254 width: 20px; 263 width: 20px;
255 } 264 }
265 </if>
256 266
257 .capslock-hint { 267 .capslock-hint {
258 -webkit-margin-end: 6px; 268 -webkit-margin-end: 6px;
259 -webkit-margin-start: -2px; 269 -webkit-margin-start: -2px;
260 margin: auto; 270 margin: auto;
261 position: relative; 271 position: relative;
262 top: 15px; 272 top: 15px;
263 } 273 }
264 274
265 .password-label, 275 .password-label,
(...skipping 625 matching lines...) Expand 10 before | Expand all | Expand 10 after
891 -webkit-animation: ellipsis-component2 1.5s infinite; 901 -webkit-animation: ellipsis-component2 1.5s infinite;
892 } 902 }
893 903
894 @-webkit-keyframes ellipsis-component2 { 904 @-webkit-keyframes ellipsis-component2 {
895 0% { opacity: 0; } 905 0% { opacity: 0; }
896 25% { opacity: 0; } 906 25% { opacity: 0; }
897 50% { opacity: 0; } 907 50% { opacity: 0; }
898 75% { opacity: 1; } 908 75% { opacity: 1; }
899 100% { opacity: 0; } 909 100% { opacity: 0; }
900 } 910 }
OLDNEW
« no previous file with comments | « no previous file | ui/login/account_picker/user_pod_row.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698