| 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 |