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

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

Issue 1287053004: MD downloads: implement real incognito marker courtesy of bettes@ (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@crbug-520709
Patch Set: shuffle 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
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 120 matching lines...) Expand 10 before | Expand all | Expand 10 after
131 --paper-progress-active-color: rgb(54, 126, 237); 131 --paper-progress-active-color: rgb(54, 126, 237);
132 --paper-progress-container-color: rgb(223, 222, 223); 132 --paper-progress-container-color: rgb(223, 222, 223);
133 width: auto; 133 width: auto;
134 } 134 }
135 135
136 /* TODO(dbeam): open up a CSS mixin instead in Polymer. */ 136 /* TODO(dbeam): open up a CSS mixin instead in Polymer. */
137 #progress /deep/ #progressContainer { 137 #progress /deep/ #progressContainer {
138 border-radius: 2px; 138 border-radius: 2px;
139 } 139 }
140 140
141 #incognito {
142 -webkit-margin-end: 0;
143 -webkit-margin-start: 16px;
144 /* This image is 128x128 so it'll work fine in 2x. */
145 content: url(../../../../ui/webui/resources/images/incognito_icon.png);
146 width: 48px;
147 }
148
149 #remove-wrapper { 141 #remove-wrapper {
150 align-self: flex-start; 142 align-self: flex-start;
151 margin: 0; 143 margin: 0;
152 } 144 }
153 145
154 #remove { 146 #remove {
155 --paper-icon-button: { 147 --paper-icon-button: {
156 height: 16px; 148 height: 16px;
157 width: 16px; 149 width: 16px;
158 }; 150 };
159 --iron-icon-height: 16px; 151 --iron-icon-height: 16px;
160 --iron-icon-width: 16px; 152 --iron-icon-width: 16px;
161 } 153 }
162 154
155 #incognito {
156 bottom: 16px;
157 content: -webkit-image-set(url(1x/incognito_marker.png) 1x,
158 url(2x/incognito_marker.png) 2x);
159 position: absolute;
160 right: 10px;
161 }
162
163 @media not all and (max-width: 1024px) { 163 @media not all and (max-width: 1024px) {
164 /* Only show date separators in wide mode. */ 164 /* Only show date separators in wide mode. */
165 :host(:not(:first-of-type):not([hide-date])) :-webkit-any(#content-wrapper, 165 :host(:not(:first-of-type):not([hide-date])) :-webkit-any(#content-wrapper,
166 #since) { 166 #since) {
167 border-top: 1px solid rgba(0, 0, 0, .2); /* TODO(dbeam): real color. */ 167 border-top: 1px solid rgba(0, 0, 0, .2); /* TODO(dbeam): real color. */
168 padding-top: 32px; 168 padding-top: 32px;
169 } 169 }
170 170
171 #date-container > * { 171 #date-container > * {
172 -webkit-margin-start: 24px; 172 -webkit-margin-start: 24px;
(...skipping 14 matching lines...) Expand all
187 #content { 187 #content {
188 margin: 0 auto; 188 margin: 0 auto;
189 } 189 }
190 190
191 #date-container { 191 #date-container {
192 flex: none !important; 192 flex: none !important;
193 margin: 0 auto 32px; 193 margin: 0 auto 32px;
194 width: var(--downloads-item-width); 194 width: var(--downloads-item-width);
195 } 195 }
196 } 196 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_downloads/2x/incognito_marker.png ('k') | chrome/browser/resources/md_downloads/item.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698