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

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

Issue 1462153007: MD Downloads: fix up some Polymer 1.2.3 issues and re-vulcanize (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@update-polymer
Patch Set: new patchset Created 5 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 /* 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: 1 0; 7 flex: 1 0;
8 flex-direction: column; 8 flex-direction: column;
9 height: 100%; 9 height: 100%;
10 overflow-y: overlay;
10 } 11 }
11 12
12 @media screen and (max-width: 1024px) { 13 @media screen and (max-width: 1024px) {
13 :host { 14 :host {
14 flex-basis: 670px; /* 622 card width + 24 left margin + 24 right margin. */ 15 flex-basis: 670px; /* 622 card width + 24 left margin + 24 right margin. */
15 } 16 }
16 } 17 }
17 18
18 #panel {
19 --paper-header-panel-shadow: {
20 display: none;
21 };
22 --paper-header-panel-standard-container: {
23 display: flex;
24 overflow-y: overlay;
25 };
26 }
27
28 #no-downloads, 19 #no-downloads,
29 #downloads-list { 20 #downloads-list {
30 flex: 1; 21 flex: 1;
31 } 22 }
32 23
33 .loading #no-downloads, 24 :host([loading]) #no-downloads,
34 .loading #downloads-list { 25 :host([loading]) #downloads-list {
35 display: none; 26 display: none;
36 } 27 }
37 28
38 #no-downloads { 29 #no-downloads {
39 align-items: center; 30 align-items: center;
40 color: #b4b4b4; 31 color: #b4b4b4;
41 display: flex; 32 display: flex;
42 font-size: 123.1%; 33 font-size: 123.1%;
43 font-weight: 500; 34 font-weight: 500;
44 justify-content: center; 35 justify-content: center;
45 } 36 }
46 37
47 #no-downloads .illustration { 38 #no-downloads .illustration {
48 background: -webkit-image-set( 39 background: -webkit-image-set(
49 url(chrome://downloads/1x/no_downloads.png) 1x, 40 url(chrome://downloads/1x/no_downloads.png) 1x,
50 url(chrome://downloads/2x/no_downloads.png) 2x) no-repeat center center; 41 url(chrome://downloads/2x/no_downloads.png) 2x) no-repeat center center;
51 height: 144px; /* Matches natural image height. */ 42 height: 144px; /* Matches natural image height. */
52 margin-bottom: 32px; 43 margin-bottom: 32px;
53 } 44 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_downloads/crisper.js ('k') | chrome/browser/resources/md_downloads/manager.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698