OLD | NEW |
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 Loading... |
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 Loading... |
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 Loading... |
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 } |
OLD | NEW |