| 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 |