Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(212)

Side by Side Diff: chrome/browser/resources/md_downloads/item.css

Issue 1375333004: MD Downloads: use <iron-list> to render download items (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@iron-list2
Patch Set: merge Created 5 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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;
9 } 8 }
10 9
11 #date { 10 #date {
12 color: #7c7c7c; 11 color: #7c7c7c;
13 font-size: 100%; 12 font-size: 100%;
14 font-weight: 500; 13 font-weight: 500;
15 margin: 18px auto 16px; /* This top margin + :host top margin = 30px. */ 14 margin: 24px auto 10px;
16 width: var(--downloads-item-width); 15 width: var(--downloads-item-width);
17 } 16 }
18 17
19 #content { 18 #content {
20 background: white; 19 background: white;
21 border-radius: 2px; 20 border-radius: 2px;
22 display: flex; 21 display: flex;
23 flex: none; 22 flex: none;
24 margin: 0 auto; 23 margin: 6px auto;
25 min-height: 103px; 24 min-height: 103px;
26 width: var(--downloads-item-width); 25 width: var(--downloads-item-width);
27 } 26 }
28 27
29 #content.is-active { 28 #content.is-active {
30 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 4px 0 rgba(0, 0, 0, .08), 29 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); 30 0 3px 1px -2px rgba(0, 0, 0, .2);
32 } 31 }
33 32
34 #content:not(.is-active) { 33 #content:not(.is-active) {
(...skipping 156 matching lines...) Expand 10 before | Expand all | Expand 10 after
191 width: 16px; 190 width: 16px;
192 } 191 }
193 192
194 #incognito { 193 #incognito {
195 bottom: 20px; 194 bottom: 20px;
196 content: -webkit-image-set(url(1x/incognito_marker.png) 1x, 195 content: -webkit-image-set(url(1x/incognito_marker.png) 1x,
197 url(2x/incognito_marker.png) 2x); 196 url(2x/incognito_marker.png) 2x);
198 position: absolute; 197 position: absolute;
199 right: 10px; 198 right: 10px;
200 } 199 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/md_downloads/item.html » ('j') | chrome/browser/resources/md_downloads/item.html » ('J')

Powered by Google App Engine
This is Rietveld 408576698