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

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

Issue 2275653002: MD Downloads: use "big search" box like MD history (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@dl-menu-rtl
Patch Set: fix tests Created 4 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 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;
11 } 10 }
12 11
13 @media screen and (max-width: 1024px) { 12 @media screen and (max-width: 1024px) {
14 :host { 13 :host {
15 flex-basis: 670px; /* 622 card width + 24 left margin + 24 right margin. */ 14 flex-basis: 670px; /* 622 card width + 24 left margin + 24 right margin. */
16 } 15 }
17 } 16 }
18 17
18 #downloads-list {
19 /* TODO(dbeam): we're not setting scrollTarget explicitly, yet
20 * style="overflow: auto" is still being set by <iron-list>'s JS. Weird. */
21 overflow-y: overlay !important;
22 }
23
19 #no-downloads, 24 #no-downloads,
20 #downloads-list { 25 #downloads-list {
21 flex: 1; 26 flex: 1;
22 } 27 }
23 28
24 :host([loading]) #no-downloads, 29 :host([loading]) #no-downloads,
25 :host([loading]) #downloads-list { 30 :host([loading]) #downloads-list {
26 display: none; 31 display: none;
27 } 32 }
28 33
29 #no-downloads { 34 #no-downloads {
30 align-items: center; 35 align-items: center;
31 color: #b4b4b4; 36 color: #b4b4b4;
32 display: flex; 37 display: flex;
33 font-size: 123.1%; 38 font-size: 123.1%;
34 font-weight: 500; 39 font-weight: 500;
35 justify-content: center; 40 justify-content: center;
36 /* To avoid overlapping with the header, we need this min-height 41 /* To avoid overlapping with the header, we need this min-height
37 * until bug 596743 is fixed. */ 42 * until bug 596743 is fixed. */
38 min-height: min-content; 43 min-height: min-content;
39 } 44 }
40 45
41 #no-downloads .illustration { 46 #no-downloads .illustration {
42 background: -webkit-image-set( 47 background: -webkit-image-set(
43 url(chrome://downloads/1x/no_downloads.png) 1x, 48 url(chrome://downloads/1x/no_downloads.png) 1x,
44 url(chrome://downloads/2x/no_downloads.png) 2x) no-repeat center center; 49 url(chrome://downloads/2x/no_downloads.png) 2x) no-repeat center center;
45 height: 144px; /* Matches natural image height. */ 50 height: 144px; /* Matches natural image height. */
46 margin-bottom: 32px; 51 margin-bottom: 32px;
47 } 52 }
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