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

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

Issue 2465723004: Make download warning icon and text more consistent (Closed)
Patch Set: address comments and vulcanize Created 4 years, 1 month 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 <link rel="import" href="chrome://resources/html/action_link.html"> 1 <link rel="import" href="chrome://resources/html/action_link.html">
2 <link rel="import" href="chrome://resources/html/cr.html"> 2 <link rel="import" href="chrome://resources/html/cr.html">
3 <link rel="import" href="chrome://resources/html/polymer.html"> 3 <link rel="import" href="chrome://resources/html/polymer.html">
4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm l"> 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm l">
5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html"> 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html">
6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button-light.html"> 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button-light.html">
7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-progress/paper-pr ogress.html"> 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-progress/paper-pr ogress.html">
8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.htm l"> 8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.htm l">
9 <link rel="import" href="chrome://downloads/action_service.html"> 9 <link rel="import" href="chrome://downloads/action_service.html">
10 <link rel="import" href="chrome://downloads/constants.html"> 10 <link rel="import" href="chrome://downloads/constants.html">
(...skipping 94 matching lines...) Expand 10 before | Expand all | Expand 10 after
105 #content:not(.is-active) .icon { 105 #content:not(.is-active) .icon {
106 -webkit-filter: grayscale(100%); 106 -webkit-filter: grayscale(100%);
107 opacity: .5; 107 opacity: .5;
108 } 108 }
109 109
110 #danger-icon { 110 #danger-icon {
111 height: 32px; 111 height: 32px;
112 width: 32px; 112 width: 32px;
113 } 113 }
114 114
115 #danger-icon[icon='cr:warning'] { 115 #danger-icon[icon='cr:warning'],
116 color: rgb(255, 193, 7); 116 .dangerous #description {
117 } 117 color: var(--google-red-700);
118
119 #danger-icon[icon='downloads:remove-circle'] {
120 color: rgb(244, 67, 54);
121 } 118 }
122 119
123 #name, 120 #name,
124 #file-link, 121 #file-link,
125 #url { 122 #url {
126 max-width: 100%; 123 max-width: 100%;
127 } 124 }
128 125
129 #name, 126 #name,
130 #file-link { 127 #file-link {
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after
163 #progress, 160 #progress,
164 #description:not(:empty), 161 #description:not(:empty),
165 .controls { 162 .controls {
166 margin-top: 16px; 163 margin-top: 16px;
167 } 164 }
168 165
169 .is-active #description { 166 .is-active #description {
170 color: #616161; 167 color: #616161;
171 } 168 }
172 169
173 .dangerous #description {
174 color: rgb(239, 108, 0);
175 }
176
177 #progress { 170 #progress {
178 --paper-progress-active-color: rgb(54, 126, 237); 171 --paper-progress-active-color: rgb(54, 126, 237);
179 --paper-progress-container-color: rgb(223, 222, 223); 172 --paper-progress-container-color: rgb(223, 222, 223);
180 width: auto; 173 width: auto;
181 } 174 }
182 175
183 .controls { 176 .controls {
184 -webkit-margin-start: -.57em; 177 -webkit-margin-start: -.57em;
185 } 178 }
186 179
(...skipping 131 matching lines...) Expand 10 before | Expand all | Expand 10 after
318 </div> 311 </div>
319 312
320 <div id="incognito" title="$i18n{inIncognito}" hidden="[[!data.otr]]"> 313 <div id="incognito" title="$i18n{inIncognito}" hidden="[[!data.otr]]">
321 </div> 314 </div>
322 </div> 315 </div>
323 316
324 </template> 317 </template>
325 <link rel="import" type="css" href="chrome://resources/css/action_link.css"> 318 <link rel="import" type="css" href="chrome://resources/css/action_link.css">
326 <script src="chrome://downloads/item.js"></script> 319 <script src="chrome://downloads/item.js"></script>
327 </dom-module> 320 </dom-module>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_downloads/crisper.js ('k') | chrome/browser/resources/md_downloads/item.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698