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