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

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

Issue 2326833002: 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
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 <if expr="not chromeos">
165 width: 160px;
166 </if>
jdufault 2016/09/08 22:28:59 Is there an if/else construct available?
xiyuan 2016/09/08 22:36:29 I don't think grit support an "else". :( But pleas
sammiequon 2016/09/09 16:06:35 Done.
167 /* On chromeos we extend the width to cover the padding on the user pods. This
168 is so the submit button on chromeos can extend onto the padding as shown on
169 mocks. */
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 67 matching lines...) Expand 10 before | Expand all | Expand 10 after
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
249 .capslock-on .capslock-hint-container { 257 .capslock-on .capslock-hint-container {
250 display: block; 258 display: block;
251 flex: none; 259 flex: none;
260 <if expr="chromeos">
252 height: 43px; 261 height: 43px;
253 position: relative; 262 position: relative;
254 width: 20px; 263 width: 20px;
264 </if>
255 } 265 }
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
(...skipping 622 matching lines...) Expand 10 before | Expand all | Expand 10 after
887 -webkit-animation: ellipsis-component2 1.5s infinite; 897 -webkit-animation: ellipsis-component2 1.5s infinite;
888 } 898 }
889 899
890 @-webkit-keyframes ellipsis-component2 { 900 @-webkit-keyframes ellipsis-component2 {
891 0% { opacity: 0; } 901 0% { opacity: 0; }
892 25% { opacity: 0; } 902 25% { opacity: 0; }
893 50% { opacity: 0; } 903 50% { opacity: 0; }
894 75% { opacity: 1; } 904 75% { opacity: 1; }
895 100% { opacity: 0; } 905 100% { opacity: 0; }
896 } 906 }
OLDNEW
« no previous file with comments | « no previous file | ui/login/account_picker/user_pod_row.js » ('j') | ui/login/account_picker/user_pod_template.html » ('J')

Powered by Google App Engine
This is Rietveld 408576698