chrome/browser/resources/md_downloads/manager.css - Issue 1378993003: Vulcanize new Material Design downloads UI

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

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

Issue 1378993003: Vulcanize new Material Design downloads UI (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@vulcanize2

Patch Set: -crisper.html Created 5 years, 2 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:

OLD	NEW
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 }	10 }

(...skipping 27 matching lines...) Expand all Loading...
38 #no-downloads {	38 #no-downloads {

39 align-items: center;	39 align-items: center;

40 color: #b4b4b4;	40 color: #b4b4b4;

41 display: flex;	41 display: flex;

42 font-size: 123.1%;	42 font-size: 123.1%;

43 font-weight: 500;	43 font-weight: 500;

44 justify-content: center;	44 justify-content: center;

45 }	45 }

46	46

47 #no-downloads .illustration {	47 #no-downloads .illustration {

48 background: -webkit-image-set(url(1x/no_downloads.png) 1x,	48 background: -webkit-image-set(

49 url(2x/no_downloads.png) 2x)	49 url(chrome://downloads/1x/no_downloads.png) 1x,

50 no-repeat center center;	50 url(chrome://downloads/2x/no_downloads.png) 2x) no-repeat center center;

51 height: 144px; /* Matches natural image height. */	51 height: 144px; /* Matches natural image height. */

52 margin-bottom: 32px;	52 margin-bottom: 32px;

53 }	53 }

OLD	NEW