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

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

Issue 1268023002: MD downloads: implement real warning icon (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@dl-search-x
Patch Set: groby@ review Created 5 years, 4 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 @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 41 matching lines...) Expand 10 before | Expand all | Expand 10 after
52 padding: 16px 16px 12px 16px; 52 padding: 16px 16px 12px 16px;
53 } 53 }
54 54
55 .icon-wrapper { 55 .icon-wrapper {
56 align-self: center; 56 align-self: center;
57 flex: none; 57 flex: none;
58 justify-content: center; 58 justify-content: center;
59 margin: 0 32px; 59 margin: 0 32px;
60 } 60 }
61 61
62 #icon { 62 .icon {
63 height: 32px; 63 height: 32px;
64 width: 32px; 64 width: 32px;
65 } 65 }
66 66
67 #warning {
68 -webkit-mask-image: url(../../../../ui/webui/resources/images/warning.svg);
69 -webkit-mask-repeat: no-repeat;
70 -webkit-mask-size: 100%;
71 background: rgb(217, 84, 61);
72 }
73
67 #name, 74 #name,
68 #file-link, 75 #file-link,
69 #url { 76 #url {
70 max-width: 100%; 77 max-width: 100%;
71 } 78 }
72 79
73 #name, 80 #name,
74 #file-link { 81 #file-link {
75 word-break: break-all; 82 word-break: break-all;
76 } 83 }
(...skipping 97 matching lines...) Expand 10 before | Expand all | Expand 10 after
174 #content { 181 #content {
175 margin: 0 auto; 182 margin: 0 auto;
176 } 183 }
177 184
178 #date-container { 185 #date-container {
179 flex: none !important; 186 flex: none !important;
180 margin: 0 auto 32px; 187 margin: 0 auto 32px;
181 width: var(--downloads-item-width); 188 width: var(--downloads-item-width);
182 } 189 }
183 } 190 }
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