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