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: rgb(63, 85, 102); | 7 background: rgb(63, 85, 102); |
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: 107.7%; | 17 font-size: 107.7%; |
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 display: flex; | 24 display: flex; |
25 flex: none; | 25 flex: none; |
26 width: var(--downloads-item-width); | 26 width: var(--downloads-item-width); |
27 } | 27 } |
28 | 28 |
29 :host-context(.loading) #actions { | 29 :host-context([loading]) #actions { |
30 visibility: hidden; | 30 visibility: hidden; |
31 } | 31 } |
32 | 32 |
33 :host(:not([downloads-showing])) #actions { | 33 :host(:not([downloads-showing])) #actions { |
34 justify-content: center; | 34 justify-content: center; |
35 } | 35 } |
36 | 36 |
37 #actions paper-button:first-of-type { | 37 #actions paper-button:first-of-type { |
38 -webkit-margin-start: -0.57em; /* Matches paper-button padding. */ | 38 -webkit-margin-start: -0.57em; /* Matches paper-button padding. */ |
39 } | 39 } |
(...skipping 63 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
103 display: none; | 103 display: none; |
104 } | 104 } |
105 } | 105 } |
106 | 106 |
107 @media all and (max-width: 1024px) { | 107 @media all and (max-width: 1024px) { |
108 /* Hide #actions for narrow windows; they're shown in a vertical dot menu. */ | 108 /* Hide #actions for narrow windows; they're shown in a vertical dot menu. */ |
109 #actions { | 109 #actions { |
110 display: none; | 110 display: none; |
111 } | 111 } |
112 } | 112 } |
OLD | NEW |