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

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

Issue 1297063002: MD downloads: update toolbar styles (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: add deps 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/toolbar.css » ('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 flex: 1 0; 8 flex: 1 0;
9 flex-direction: column; 9 flex-direction: column;
10 height: 100%; 10 height: 100%;
11 } 11 }
12 12
13 @media screen and (max-width: 1024px) { 13 @media screen and (max-width: 1024px) {
14 :host { 14 :host {
15 flex-basis: 670px; 15 flex-basis: 670px;
16 } 16 }
17 } 17 }
18 18
19 #panel { 19 #panel {
20 --paper-header-panel-standard-container: { 20 --paper-header-panel-standard-container: {
21 display: flex; 21 display: flex;
22 }; 22 };
23 } 23 }
24 24
25 /* TODO(dbeam): upgrade to 1.0.4 to use --paper-header-panel-shadow.
26 * https://github.com/PolymerElements/paper-header-panel/pull/39 */
27 #panel /deep/ #dropShadow {
28 display: none;
29 }
30
25 #no-downloads, 31 #no-downloads,
26 #downloads-list { 32 #downloads-list {
27 flex: 1; 33 flex: 1;
28 } 34 }
29 35
30 .loading :-webkit-any(#no-downloads, #downloads-list) { 36 .loading :-webkit-any(#no-downloads, #downloads-list) {
31 display: none; 37 display: none;
32 } 38 }
33 39
34 #no-downloads { 40 #no-downloads {
35 align-items: center; 41 align-items: center;
36 color: #b4b4b4; 42 color: #b4b4b4;
37 display: flex; 43 display: flex;
38 font-size: 107.69%; 44 font-size: 107.69%;
39 justify-content: center; 45 justify-content: center;
40 } 46 }
41 47
42 #no-downloads .illustration { 48 #no-downloads .illustration {
43 content: -webkit-image-set(url(1x/no_downloads.png) 1x, 49 content: -webkit-image-set(url(1x/no_downloads.png) 1x,
44 url(2x/no_downloads.png) 2x); 50 url(2x/no_downloads.png) 2x);
45 margin-bottom: 32px; 51 margin-bottom: 32px;
46 } 52 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/md_downloads/toolbar.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698