| 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 125 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 136 margin-left: 8px; | 136 margin-left: 8px; |
| 137 /* Leave room for the scrollbar. */ | 137 /* Leave room for the scrollbar. */ |
| 138 margin-right: 13px; | 138 margin-right: 13px; |
| 139 position: absolute; | 139 position: absolute; |
| 140 right: 0; | 140 right: 0; |
| 141 text-align: left; | 141 text-align: left; |
| 142 z-index: -5; | 142 z-index: -5; |
| 143 } | 143 } |
| 144 | 144 |
| 145 /* For themes that right-align their images, we flip the attribution to the | 145 /* For themes that right-align their images, we flip the attribution to the |
| 146 * left to avoid conflicts. We also do this for bare-minimum mode since there | 146 * left to avoid conflicts. */ |
| 147 * can be conflicts with the recently closed menu. */ | |
| 148 html[themegravity='right'] #attribution, | 147 html[themegravity='right'] #attribution, |
| 149 body.bare-minimum #attribution, | 148 body.bare-minimum #attribution, |
| 150 html[dir='rtl'] #attribution { | 149 html[dir='rtl'] #attribution { |
| 151 left: 0; | 150 left: 0; |
| 152 right: auto; | 151 right: auto; |
| 153 text-align: right; | 152 text-align: right; |
| 154 } | 153 } |
| 155 | 154 |
| 156 #attribution > span { | 155 #attribution > span { |
| 157 display: block; | 156 display: block; |
| (...skipping 224 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 382 position: absolute; | 381 position: absolute; |
| 383 top: 0; | 382 top: 0; |
| 384 z-index: 5; | 383 z-index: 5; |
| 385 } | 384 } |
| 386 | 385 |
| 387 /* Footer buttons. ************************************************************/ | 386 /* Footer buttons. ************************************************************/ |
| 388 | 387 |
| 389 #chrome-web-store-link { | 388 #chrome-web-store-link { |
| 390 -webkit-order: 3; | 389 -webkit-order: 3; |
| 391 -webkit-padding-end: 12px; | 390 -webkit-padding-end: 12px; |
| 392 /* Match transition delay of recently closed button. */ | |
| 393 -webkit-transition-delay: 100ms; | 391 -webkit-transition-delay: 100ms; |
| 394 color: inherit; | 392 color: inherit; |
| 395 cursor: pointer; | 393 cursor: pointer; |
| 396 display: inline-block; | 394 display: inline-block; |
| 397 margin: 0; | 395 margin: 0; |
| 398 text-decoration: none; | 396 text-decoration: none; |
| 399 white-space: nowrap; | 397 white-space: nowrap; |
| 400 } | 398 } |
| 401 | 399 |
| 402 #chrome-web-store-title { | 400 #chrome-web-store-title { |
| (...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 442 -webkit-align-items: center; | 440 -webkit-align-items: center; |
| 443 -webkit-flex-direction: row; | 441 -webkit-flex-direction: row; |
| 444 -webkit-justify-content: flex-end; | 442 -webkit-justify-content: flex-end; |
| 445 /* Put menus in a box so the order can easily be swapped. */ | 443 /* Put menus in a box so the order can easily be swapped. */ |
| 446 display: -webkit-flex; | 444 display: -webkit-flex; |
| 447 height: 100%; | 445 height: 100%; |
| 448 margin: 0; | 446 margin: 0; |
| 449 min-width: -webkit-min-content; | 447 min-width: -webkit-min-content; |
| 450 } | 448 } |
| 451 | 449 |
| 452 #recently-closed-menu-button { | |
| 453 -webkit-order: 1; | |
| 454 } | |
| 455 | |
| 456 #other-sessions-menu-button { | 450 #other-sessions-menu-button { |
| 457 -webkit-order: 0; | 451 -webkit-order: 0; |
| 458 } | 452 } |
| 459 | 453 |
| 460 .other-sessions-promo-message { | 454 .other-sessions-promo-message { |
| 461 display: none; | 455 display: none; |
| 462 padding: 0; | 456 padding: 0; |
| 463 } | 457 } |
| 464 | 458 |
| 465 .other-sessions-promo-message:only-child { | 459 .other-sessions-promo-message:only-child { |
| 466 display: block; | 460 display: block; |
| 467 } | 461 } |
| 468 | 462 |
| 469 .other-sessions-promo-message p { | 463 .other-sessions-promo-message p { |
| 470 margin: 0; | 464 margin: 0; |
| 471 } | 465 } |
| OLD | NEW |