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 302 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
313 | 313 |
314 .action-box-area.active ~ .action-box-menu { | 314 .action-box-area.active ~ .action-box-menu { |
315 background-color: white; | 315 background-color: white; |
316 border: 1px solid lightgray; | 316 border: 1px solid lightgray; |
317 border-radius: 2px; | 317 border-radius: 2px; |
318 display: flex; | 318 display: flex; |
319 flex-direction: column; | 319 flex-direction: column; |
320 font-size: 13px; | 320 font-size: 13px; |
321 position: absolute; | 321 position: absolute; |
322 right: 5px; | 322 right: 5px; |
323 width: 220px; | |
324 } | |
325 | |
326 .action-box-area.active ~ .action-box-menu:not(.menuMovedUp) { | |
dzhioev (left Google)
2014/07/16 19:13:51
menu-moved-up
merkulova
2014/07/22 08:11:44
Done.
| |
323 top: 18px; | 327 top: 18px; |
324 width: 220px; | 328 } |
329 | |
330 .action-box-area.active ~ .action-box-menu.menuMovedUp { | |
331 bottom: 210px; | |
332 } | |
333 | |
334 .action-box-area.menuMovedUp { | |
335 -webkit-transform: rotate(180deg); | |
325 } | 336 } |
326 | 337 |
327 html[dir=rtl] .action-box-area.active ~ .action-box-menu { | 338 html[dir=rtl] .action-box-area.active ~ .action-box-menu { |
328 left: 5px; | 339 left: 5px; |
329 right: auto; | 340 right: auto; |
330 } | 341 } |
331 | 342 |
332 .action-box-menu-title { | 343 .action-box-menu-title { |
333 color: #b4b4b4; | 344 color: #b4b4b4; |
334 display: flex; | 345 display: flex; |
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
367 } | 378 } |
368 | 379 |
369 .action-box-remove-user-warning-text { | 380 .action-box-remove-user-warning-text { |
370 padding-bottom: 20px; | 381 padding-bottom: 20px; |
371 } | 382 } |
372 | 383 |
373 .action-box-remove-user-warning .remove-warning-button { | 384 .action-box-remove-user-warning .remove-warning-button { |
374 width: 100%; | 385 width: 100%; |
375 } | 386 } |
376 | 387 |
388 .action-box-remove-supervised-user-warning-text { | |
389 margin-bottom: 10px; | |
390 } | |
391 | |
377 .user-type-bubble { | 392 .user-type-bubble { |
378 background-color: white; | 393 background-color: white; |
379 border: 1px solid lightgray; | 394 border: 1px solid lightgray; |
380 border-radius: 2px; | 395 border-radius: 2px; |
381 left: 5px; | 396 left: 5px; |
382 opacity: 0; | 397 opacity: 0; |
383 padding: 17px; | 398 padding: 17px; |
384 position: absolute; | 399 position: absolute; |
385 top: 20px; | 400 top: 20px; |
386 transition: all 100ms; | 401 transition: all 100ms; |
(...skipping 111 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
498 } | 513 } |
499 | 514 |
500 .info { | 515 .info { |
501 flex: auto; | 516 flex: auto; |
502 font-size: 13px; | 517 font-size: 13px; |
503 margin: 5px 10px 0 10px; | 518 margin: 5px 10px 0 10px; |
504 overflow: hidden; | 519 overflow: hidden; |
505 text-overflow: ellipsis; | 520 text-overflow: ellipsis; |
506 white-space: nowrap; | 521 white-space: nowrap; |
507 } | 522 } |
OLD | NEW |