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

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

Issue 2362633002: [MD Downloads/Settings] Fix card style nits. (Closed)
Patch Set: Created 4 years, 3 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
« no previous file with comments | « no previous file | chrome/browser/resources/md_downloads/item.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 } 8 }
9 9
10 #date { 10 #date {
(...skipping 13 matching lines...) Expand all
24 border-radius: 2px; 24 border-radius: 2px;
25 display: flex; 25 display: flex;
26 flex: none; 26 flex: none;
27 margin: 6px auto; 27 margin: 6px auto;
28 min-height: 103px; 28 min-height: 103px;
29 position: relative; 29 position: relative;
30 width: var(--downloads-item-width); 30 width: var(--downloads-item-width);
31 } 31 }
32 32
33 #content.is-active { 33 #content.is-active {
34 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 4px 0 rgba(0, 0, 0, .08), 34 @apply(--shadow-elevation-2dp);
35 0 3px 1px -2px rgba(0, 0, 0, .2);
36 } 35 }
37 36
38 #content:not(.is-active) { 37 #content:not(.is-active) {
39 background: rgba(255, 255, 255, .6); 38 background: rgba(255, 255, 255, .6);
40 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .03), 0 1px 4px 0 rgba(0, 0, 0, .048), 39 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .03), 0 1px 4px 0 rgba(0, 0, 0, .048),
41 0 3px 1px -2px rgba(0, 0, 0, .12); 40 0 3px 1px -2px rgba(0, 0, 0, .12);
42 } 41 }
43 42
44 #details { 43 #details {
45 -webkit-border-start: 1px #d8d8d8 solid; 44 -webkit-border-start: 1px #d8d8d8 solid;
(...skipping 157 matching lines...) Expand 10 before | Expand all | Expand 10 after
203 } 202 }
204 203
205 #incognito { 204 #incognito {
206 bottom: 20px; 205 bottom: 20px;
207 content: -webkit-image-set( 206 content: -webkit-image-set(
208 url(chrome://downloads/1x/incognito_marker.png) 1x, 207 url(chrome://downloads/1x/incognito_marker.png) 1x,
209 url(chrome://downloads/2x/incognito_marker.png) 2x); 208 url(chrome://downloads/2x/incognito_marker.png) 2x);
210 position: absolute; 209 position: absolute;
211 right: 10px; 210 right: 10px;
212 } 211 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/md_downloads/item.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698