| 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 margin: 32px 0; | 8 margin: 32px 0; |
| 9 } | 9 } |
| 10 | 10 |
| (...skipping 120 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 131 --paper-progress-active-color: rgb(54, 126, 237); | 131 --paper-progress-active-color: rgb(54, 126, 237); |
| 132 --paper-progress-container-color: rgb(223, 222, 223); | 132 --paper-progress-container-color: rgb(223, 222, 223); |
| 133 width: auto; | 133 width: auto; |
| 134 } | 134 } |
| 135 | 135 |
| 136 /* TODO(dbeam): open up a CSS mixin instead in Polymer. */ | 136 /* TODO(dbeam): open up a CSS mixin instead in Polymer. */ |
| 137 #progress /deep/ #progressContainer { | 137 #progress /deep/ #progressContainer { |
| 138 border-radius: 2px; | 138 border-radius: 2px; |
| 139 } | 139 } |
| 140 | 140 |
| 141 #incognito { | |
| 142 -webkit-margin-end: 0; | |
| 143 -webkit-margin-start: 16px; | |
| 144 /* This image is 128x128 so it'll work fine in 2x. */ | |
| 145 content: url(../../../../ui/webui/resources/images/incognito_icon.png); | |
| 146 width: 48px; | |
| 147 } | |
| 148 | |
| 149 #remove-wrapper { | 141 #remove-wrapper { |
| 150 align-self: flex-start; | 142 align-self: flex-start; |
| 151 margin: 0; | 143 margin: 0; |
| 152 } | 144 } |
| 153 | 145 |
| 154 #remove { | 146 #remove { |
| 155 --paper-icon-button: { | 147 --paper-icon-button: { |
| 156 height: 16px; | 148 height: 16px; |
| 157 width: 16px; | 149 width: 16px; |
| 158 }; | 150 }; |
| 159 --iron-icon-height: 16px; | 151 --iron-icon-height: 16px; |
| 160 --iron-icon-width: 16px; | 152 --iron-icon-width: 16px; |
| 161 } | 153 } |
| 162 | 154 |
| 155 #incognito { |
| 156 bottom: 16px; |
| 157 content: -webkit-image-set(url(1x/incognito_marker.png) 1x, |
| 158 url(2x/incognito_marker.png) 2x); |
| 159 position: absolute; |
| 160 right: 10px; |
| 161 } |
| 162 |
| 163 @media not all and (max-width: 1024px) { | 163 @media not all and (max-width: 1024px) { |
| 164 /* Only show date separators in wide mode. */ | 164 /* Only show date separators in wide mode. */ |
| 165 :host(:not(:first-of-type):not([hide-date])) :-webkit-any(#content-wrapper, | 165 :host(:not(:first-of-type):not([hide-date])) :-webkit-any(#content-wrapper, |
| 166 #since) { | 166 #since) { |
| 167 border-top: 1px solid rgba(0, 0, 0, .2); /* TODO(dbeam): real color. */ | 167 border-top: 1px solid rgba(0, 0, 0, .2); /* TODO(dbeam): real color. */ |
| 168 padding-top: 32px; | 168 padding-top: 32px; |
| 169 } | 169 } |
| 170 | 170 |
| 171 #date-container > * { | 171 #date-container > * { |
| 172 -webkit-margin-start: 24px; | 172 -webkit-margin-start: 24px; |
| (...skipping 14 matching lines...) Expand all Loading... |
| 187 #content { | 187 #content { |
| 188 margin: 0 auto; | 188 margin: 0 auto; |
| 189 } | 189 } |
| 190 | 190 |
| 191 #date-container { | 191 #date-container { |
| 192 flex: none !important; | 192 flex: none !important; |
| 193 margin: 0 auto 32px; | 193 margin: 0 auto 32px; |
| 194 width: var(--downloads-item-width); | 194 width: var(--downloads-item-width); |
| 195 } | 195 } |
| 196 } | 196 } |
| OLD | NEW |