OLD | NEW |
1 /* Copyright 2015 The Chromium Authors. All rights reserved. | 1 /* Copyright 2015 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 :host { | 5 :host { |
6 @apply(--downloads-shared-style); | 6 @apply(--downloads-shared-style); |
7 display: flex; | 7 display: flex; |
8 flex: 1 0; | 8 flex: 1 0; |
9 flex-direction: column; | 9 flex-direction: column; |
10 height: 100%; | 10 height: 100%; |
11 } | 11 } |
12 | 12 |
13 @media screen and (max-width: 1024px) { | 13 @media screen and (max-width: 1024px) { |
14 :host { | 14 :host { |
15 flex-basis: 670px; | 15 flex-basis: 670px; |
16 } | 16 } |
17 } | 17 } |
| 18 |
| 19 #panel { |
| 20 --paper-header-panel-standard-container: { |
| 21 display: flex; |
| 22 }; |
| 23 } |
| 24 |
| 25 #no-downloads, |
| 26 #downloads-list { |
| 27 flex: 1; |
| 28 } |
| 29 |
| 30 .loading :-webkit-any(#no-downloads, #downloads-list) { |
| 31 display: none; |
| 32 } |
| 33 |
| 34 #no-downloads { |
| 35 align-items: center; |
| 36 color: #b4b4b4; |
| 37 display: flex; |
| 38 font-size: 107.69%; |
| 39 justify-content: center; |
| 40 } |
| 41 |
| 42 #no-downloads .illustration { |
| 43 content: -webkit-image-set(url(1x/no_downloads.png) 1x, |
| 44 url(2x/no_downloads.png) 2x); |
| 45 margin-bottom: 32px; |
| 46 } |
OLD | NEW |