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 display: flex; | 6 display: flex; |
7 flex: 1 0; | 7 flex: 1 0; |
8 flex-direction: column; | 8 flex-direction: column; |
9 height: 100%; | 9 height: 100%; |
| 10 overflow-y: overlay; |
10 } | 11 } |
11 | 12 |
12 @media screen and (max-width: 1024px) { | 13 @media screen and (max-width: 1024px) { |
13 :host { | 14 :host { |
14 flex-basis: 670px; /* 622 card width + 24 left margin + 24 right margin. */ | 15 flex-basis: 670px; /* 622 card width + 24 left margin + 24 right margin. */ |
15 } | 16 } |
16 } | 17 } |
17 | 18 |
18 #panel { | |
19 --paper-header-panel-shadow: { | |
20 display: none; | |
21 }; | |
22 --paper-header-panel-standard-container: { | |
23 display: flex; | |
24 overflow-y: overlay; | |
25 }; | |
26 } | |
27 | |
28 #no-downloads, | 19 #no-downloads, |
29 #downloads-list { | 20 #downloads-list { |
30 flex: 1; | 21 flex: 1; |
31 } | 22 } |
32 | 23 |
33 .loading #no-downloads, | 24 :host([loading]) #no-downloads, |
34 .loading #downloads-list { | 25 :host([loading]) #downloads-list { |
35 display: none; | 26 display: none; |
36 } | 27 } |
37 | 28 |
38 #no-downloads { | 29 #no-downloads { |
39 align-items: center; | 30 align-items: center; |
40 color: #b4b4b4; | 31 color: #b4b4b4; |
41 display: flex; | 32 display: flex; |
42 font-size: 123.1%; | 33 font-size: 123.1%; |
43 font-weight: 500; | 34 font-weight: 500; |
44 justify-content: center; | 35 justify-content: center; |
45 } | 36 } |
46 | 37 |
47 #no-downloads .illustration { | 38 #no-downloads .illustration { |
48 background: -webkit-image-set( | 39 background: -webkit-image-set( |
49 url(chrome://downloads/1x/no_downloads.png) 1x, | 40 url(chrome://downloads/1x/no_downloads.png) 1x, |
50 url(chrome://downloads/2x/no_downloads.png) 2x) no-repeat center center; | 41 url(chrome://downloads/2x/no_downloads.png) 2x) no-repeat center center; |
51 height: 144px; /* Matches natural image height. */ | 42 height: 144px; /* Matches natural image height. */ |
52 margin-bottom: 32px; | 43 margin-bottom: 32px; |
53 } | 44 } |
OLD | NEW |