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

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

Issue 2011943005: MD History/Downloads: Update toolbar and background color (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Update Downloads toolbar buttons Created 4 years, 6 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 align-items: center; 6 align-items: center;
7 background: var(--md-toolbar-color); 7 background: var(--md-toolbar-color);
8 color: white; 8 color: white;
9 content-sizing: padding-box; 9 content-sizing: padding-box;
10 display: flex; 10 display: flex;
11 min-height: 56px; 11 min-height: 56px;
12 } 12 }
13 13
14 #title h1 { 14 #title h1 {
15 -webkit-margin-end: 0; 15 -webkit-margin-end: 0;
16 -webkit-margin-start: 24px; 16 -webkit-margin-start: 24px;
17 font-size: 123.1%; 17 font-size: 123.1%;
18 font-weight: normal; 18 font-weight: normal;
19 margin-bottom: 0; 19 margin-bottom: 0;
20 margin-top: 0; 20 margin-top: 0;
21 } 21 }
22 22
23 #actions { 23 #actions {
24 color: rgb(176, 190, 197); 24 color: rgba(255, 255, 255, 0.9);
25 display: flex; 25 display: flex;
26 flex: none; 26 flex: none;
27 width: var(--downloads-item-width); 27 width: var(--downloads-item-width);
28 } 28 }
29 29
30 :host-context([loading]) #actions { 30 :host-context([loading]) #actions {
31 visibility: hidden; 31 visibility: hidden;
32 } 32 }
33 33
34 :host(:not([downloads-showing])) #actions { 34 :host(:not([downloads-showing])) #actions {
35 justify-content: center; 35 justify-content: center;
36 } 36 }
37 37
38 #actions paper-button { 38 #actions paper-button {
39 --paper-button-flat-keyboard-focus: { 39 --paper-button-flat-keyboard-focus: {
40 color: white; 40 color: rgba(255, 255, 255, 1);
41 }; 41 };
42 } 42 }
43 43
44 #actions paper-button:first-of-type { 44 #actions paper-button:first-of-type {
45 -webkit-margin-start: -0.57em; /* Matches paper-button padding. */ 45 -webkit-margin-start: -0.57em; /* Matches paper-button padding. */
46 } 46 }
47 47
48 #actions paper-button:not(:last-of-type) { 48 #actions paper-button:not(:last-of-type) {
49 -webkit-margin-end: 8px; /* Margin between items. */ 49 -webkit-margin-end: 8px; /* Margin between items. */
50 } 50 }
(...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after
100 display: none; 100 display: none;
101 } 101 }
102 } 102 }
103 103
104 @media all and (max-width: 1024px) { 104 @media all and (max-width: 1024px) {
105 /* Hide #actions for narrow windows; they're shown in a vertical dot menu. */ 105 /* Hide #actions for narrow windows; they're shown in a vertical dot menu. */
106 #actions { 106 #actions {
107 display: none; 107 display: none;
108 } 108 }
109 } 109 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_downloads/crisper.js ('k') | chrome/browser/resources/md_downloads/vulcanized.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698