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 |