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