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 |