| 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 } | 10 } |
| 11 | 11 |
| 12 @media screen and (max-width: 1024px) { | 12 @media screen and (max-width: 1024px) { |
| 13 :host { | 13 :host { |
| 14 flex-basis: 670px; /* 622 card width + 24 left margin + 24 right margin. */ | 14 flex-basis: 670px; /* 622 card width + 24 left margin + 24 right margin. */ |
| 15 } | 15 } |
| 16 } | 16 } |
| 17 | 17 |
| 18 #panel { | 18 #panel { |
| 19 --paper-header-panel-standard-container: { | 19 --paper-header-panel-standard-container: { |
| 20 display: flex; | 20 display: flex; |
| 21 overflow-y: overlay; |
| 21 }; | 22 }; |
| 22 } | 23 } |
| 23 | 24 |
| 24 /* TODO(dbeam): upgrade to 1.0.4 to use --paper-header-panel-shadow. | 25 /* TODO(dbeam): upgrade to 1.0.4 to use --paper-header-panel-shadow. |
| 25 * https://github.com/PolymerElements/paper-header-panel/pull/39 */ | 26 * https://github.com/PolymerElements/paper-header-panel/pull/39 */ |
| 26 #panel /deep/ #dropShadow { | 27 #panel /deep/ #dropShadow { |
| 27 display: none; | 28 display: none; |
| 28 } | 29 } |
| 29 | 30 |
| 30 #no-downloads, | 31 #no-downloads, |
| (...skipping 13 matching lines...) Expand all Loading... |
| 44 font-size: 123.1%; | 45 font-size: 123.1%; |
| 45 font-weight: 500; | 46 font-weight: 500; |
| 46 justify-content: center; | 47 justify-content: center; |
| 47 } | 48 } |
| 48 | 49 |
| 49 #no-downloads .illustration { | 50 #no-downloads .illustration { |
| 50 content: -webkit-image-set(url(1x/no_downloads.png) 1x, | 51 content: -webkit-image-set(url(1x/no_downloads.png) 1x, |
| 51 url(2x/no_downloads.png) 2x); | 52 url(2x/no_downloads.png) 2x); |
| 52 margin-bottom: 32px; | 53 margin-bottom: 32px; |
| 53 } | 54 } |
| OLD | NEW |