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

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

Issue 1378993003: Vulcanize new Material Design downloads UI (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@vulcanize2
Patch Set: mo bugs 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; 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
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
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698