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-direction: column; | 7 flex-direction: column; |
8 margin: 12px 0; | 8 margin: 12px 0; |
9 } | 9 } |
10 | 10 |
11 #date { | 11 #date { |
12 color: #7c7c7c; | 12 color: #7c7c7c; |
13 font-size: 100%; | 13 font-size: 100%; |
14 font-weight: 500; | 14 font-weight: 500; |
15 margin: 18px auto 16px; /* This top margin + :host top margin = 30px. */ | 15 margin: 18px auto 16px; /* This top margin + :host top margin = 30px. */ |
16 width: var(--downloads-item-width); | 16 width: var(--downloads-item-width); |
17 } | 17 } |
18 | 18 |
19 #content { | 19 #content { |
20 background: white; | 20 background: white; |
21 border-radius: 2px; | 21 border-radius: 2px; |
22 display: flex; | 22 display: flex; |
23 flex: none; | 23 flex: none; |
24 margin: 0 auto; | 24 margin: 0 auto; |
25 min-height: 103px; | 25 min-height: 103px; |
| 26 position: relative; |
26 width: var(--downloads-item-width); | 27 width: var(--downloads-item-width); |
27 } | 28 } |
28 | 29 |
29 #content.is-active { | 30 #content.is-active { |
30 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 4px 0 rgba(0, 0, 0, .08), | 31 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 4px 0 rgba(0, 0, 0, .08), |
31 0 3px 1px -2px rgba(0, 0, 0, .2); | 32 0 3px 1px -2px rgba(0, 0, 0, .2); |
32 } | 33 } |
33 | 34 |
34 #content:not(.is-active) { | 35 #content:not(.is-active) { |
35 opacity: .6; | 36 opacity: .6; |
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
71 align-self: flex-start; | 72 align-self: flex-start; |
72 padding-top: 16px; | 73 padding-top: 16px; |
73 } | 74 } |
74 | 75 |
75 #content:not(.is-active) .icon { | 76 #content:not(.is-active) .icon { |
76 -webkit-filter: grayscale(100%); | 77 -webkit-filter: grayscale(100%); |
77 opacity: .5; | 78 opacity: .5; |
78 } | 79 } |
79 | 80 |
80 #warning { | 81 #warning { |
81 -webkit-mask-image: url(../../../../ui/webui/resources/images/warning.svg); | 82 -webkit-mask-image: url(chrome://resources/images/warning.svg); |
82 -webkit-mask-repeat: no-repeat; | 83 -webkit-mask-repeat: no-repeat; |
83 -webkit-mask-size: 100%; | 84 -webkit-mask-size: 100%; |
84 background: rgb(255, 193, 7); | 85 background: rgb(255, 193, 7); |
85 } | 86 } |
86 | 87 |
87 #name, | 88 #name, |
88 #file-link, | 89 #file-link, |
89 #url { | 90 #url { |
90 max-width: 100%; | 91 max-width: 100%; |
91 } | 92 } |
(...skipping 94 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
186 /* HACK(dbeam): we probably shouldn't be overriding Polymer like this. */ | 187 /* HACK(dbeam): we probably shouldn't be overriding Polymer like this. */ |
187 }; | 188 }; |
188 color: #969696; | 189 color: #969696; |
189 height: 16px; | 190 height: 16px; |
190 padding: 8px; | 191 padding: 8px; |
191 width: 16px; | 192 width: 16px; |
192 } | 193 } |
193 | 194 |
194 #incognito { | 195 #incognito { |
195 bottom: 20px; | 196 bottom: 20px; |
196 content: -webkit-image-set(url(1x/incognito_marker.png) 1x, | 197 content: -webkit-image-set( |
197 url(2x/incognito_marker.png) 2x); | 198 url(chrome://downloads/1x/incognito_marker.png) 1x, |
| 199 url(chrome://downloads/2x/incognito_marker.png) 2x); |
198 position: absolute; | 200 position: absolute; |
199 right: 10px; | 201 right: 10px; |
200 } | 202 } |
OLD | NEW |