OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 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 html { | 5 html { |
6 /* It's necessary to put this here instead of in body in order to get the | 6 /* It's necessary to put this here instead of in body in order to get the |
7 background-size of 100% to work properly */ | 7 background-size of 100% to work properly */ |
8 height: 100%; | 8 height: 100%; |
9 overflow: hidden; | 9 overflow: hidden; |
10 } | 10 } |
(...skipping 428 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
439 } | 439 } |
440 | 440 |
441 #footer .menu-container { | 441 #footer .menu-container { |
442 -webkit-align-items: center; | 442 -webkit-align-items: center; |
443 -webkit-flex-direction: row; | 443 -webkit-flex-direction: row; |
444 -webkit-justify-content: flex-end; | 444 -webkit-justify-content: flex-end; |
445 /* Put menus in a box so the order can easily be swapped. */ | 445 /* Put menus in a box so the order can easily be swapped. */ |
446 display: -webkit-flex; | 446 display: -webkit-flex; |
447 height: 100%; | 447 height: 100%; |
448 margin: 0; | 448 margin: 0; |
449 /* TODO(dubroy): Remove this if possible. According to the flexbox spec, | |
450 min-content is the default min-width for flex items. */ | |
451 min-width: -webkit-min-content; | 449 min-width: -webkit-min-content; |
452 } | 450 } |
453 | 451 |
454 #recently-closed-menu-button { | 452 #recently-closed-menu-button { |
455 -webkit-order: 1; | 453 -webkit-order: 1; |
456 } | 454 } |
457 | 455 |
458 #other-sessions-menu-button { | 456 #other-sessions-menu-button { |
459 -webkit-order: 0; | 457 -webkit-order: 0; |
460 } | 458 } |
461 | 459 |
462 .other-sessions-promo-message { | 460 .other-sessions-promo-message { |
463 display: none; | 461 display: none; |
464 padding: 0; | 462 padding: 0; |
465 } | 463 } |
466 | 464 |
467 .other-sessions-promo-message:only-child { | 465 .other-sessions-promo-message:only-child { |
468 display: block; | 466 display: block; |
469 } | 467 } |
470 | 468 |
471 .other-sessions-promo-message p { | 469 .other-sessions-promo-message p { |
472 margin: 0; | 470 margin: 0; |
473 } | 471 } |
OLD | NEW |