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 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 Loading... |
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 } |
OLD | NEW |