Chromium Code Reviews| 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; | |
|
michaelpg
2015/10/02 09:10:49
nit: do in another CL
Dan Beam
2015/10/03 02:43:58
but it's related to this CL :)
| |
| 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 #details { | 35 #details { |
| 35 -webkit-border-start: 1px #d8d8d8 solid; | 36 -webkit-border-start: 1px #d8d8d8 solid; |
| (...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 67 align-self: flex-start; | 68 align-self: flex-start; |
| 68 padding-top: 16px; | 69 padding-top: 16px; |
| 69 } | 70 } |
| 70 | 71 |
| 71 #content:not(.is-active) .icon { | 72 #content:not(.is-active) .icon { |
| 72 -webkit-filter: grayscale(100%); | 73 -webkit-filter: grayscale(100%); |
| 73 opacity: .5; | 74 opacity: .5; |
| 74 } | 75 } |
| 75 | 76 |
| 76 #warning { | 77 #warning { |
| 77 -webkit-mask-image: url(../../../../ui/webui/resources/images/warning.svg); | 78 -webkit-mask-image: url(chrome://resources/images/warning.svg); |
| 78 -webkit-mask-repeat: no-repeat; | 79 -webkit-mask-repeat: no-repeat; |
| 79 -webkit-mask-size: 100%; | 80 -webkit-mask-size: 100%; |
| 80 background: rgb(255, 193, 7); | 81 background: rgb(255, 193, 7); |
| 81 } | 82 } |
| 82 | 83 |
| 83 #name, | 84 #name, |
| 84 #file-link, | 85 #file-link, |
| 85 #url { | 86 #url { |
| 86 max-width: 100%; | 87 max-width: 100%; |
| 87 } | 88 } |
| (...skipping 94 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 182 /* HACK(dbeam): we probably shouldn't be overriding Polymer like this. */ | 183 /* HACK(dbeam): we probably shouldn't be overriding Polymer like this. */ |
| 183 }; | 184 }; |
| 184 color: #969696; | 185 color: #969696; |
| 185 height: 16px; | 186 height: 16px; |
| 186 padding: 8px; | 187 padding: 8px; |
| 187 width: 16px; | 188 width: 16px; |
| 188 } | 189 } |
| 189 | 190 |
| 190 #incognito { | 191 #incognito { |
| 191 bottom: 20px; | 192 bottom: 20px; |
| 192 content: -webkit-image-set(url(1x/incognito_marker.png) 1x, | 193 content: -webkit-image-set( |
| 193 url(2x/incognito_marker.png) 2x); | 194 url(chrome://downloads/1x/incognito_marker.png) 1x, |
| 195 url(chrome://downloads/2x/incognito_marker.png) 2x); | |
| 194 position: absolute; | 196 position: absolute; |
| 195 right: 10px; | 197 right: 10px; |
| 196 } | 198 } |
| OLD | NEW |