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 | 18 |
19 #panel { | 19 #panel { |
20 --paper-header-panel-standard-container: { | 20 --paper-header-panel-standard-container: { |
21 display: flex; | 21 display: flex; |
22 }; | 22 }; |
23 } | 23 } |
24 | 24 |
| 25 /* TODO(dbeam): upgrade to 1.0.4 to use --paper-header-panel-shadow. |
| 26 * https://github.com/PolymerElements/paper-header-panel/pull/39 */ |
| 27 #panel /deep/ #dropShadow { |
| 28 display: none; |
| 29 } |
| 30 |
25 #no-downloads, | 31 #no-downloads, |
26 #downloads-list { | 32 #downloads-list { |
27 flex: 1; | 33 flex: 1; |
28 } | 34 } |
29 | 35 |
30 .loading :-webkit-any(#no-downloads, #downloads-list) { | 36 .loading :-webkit-any(#no-downloads, #downloads-list) { |
31 display: none; | 37 display: none; |
32 } | 38 } |
33 | 39 |
34 #no-downloads { | 40 #no-downloads { |
35 align-items: center; | 41 align-items: center; |
36 color: #b4b4b4; | 42 color: #b4b4b4; |
37 display: flex; | 43 display: flex; |
38 font-size: 107.69%; | 44 font-size: 107.69%; |
39 justify-content: center; | 45 justify-content: center; |
40 } | 46 } |
41 | 47 |
42 #no-downloads .illustration { | 48 #no-downloads .illustration { |
43 content: -webkit-image-set(url(1x/no_downloads.png) 1x, | 49 content: -webkit-image-set(url(1x/no_downloads.png) 1x, |
44 url(2x/no_downloads.png) 2x); | 50 url(2x/no_downloads.png) 2x); |
45 margin-bottom: 32px; | 51 margin-bottom: 32px; |
46 } | 52 } |
OLD | NEW |