| 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 @apply(--downloads-shared-style); | 6 @apply(--downloads-shared-style); |
| 7 display: flex; | 7 display: flex; |
| 8 margin: 32px 0; | 8 margin: 32px 0; |
| 9 } | 9 } |
| 10 | 10 |
| 11 :host([hide-date]) { | 11 :host([hide-date]) { |
| 12 margin-top: -16px; | 12 margin-top: -16px; |
| 13 } | 13 } |
| 14 | 14 |
| 15 /* Day separators. */ |
| 16 :host(:not(:first-of-type):not([hide-date])) :-webkit-any(#content-wrapper, |
| 17 #since) { |
| 18 border-top: 1px solid rgba(0, 0, 0, .2); /* TODO(dbeam): real color. */ |
| 19 padding-top: 32px; |
| 20 } |
| 21 |
| 15 #date-container, | 22 #date-container, |
| 16 #end-cap { | 23 #end-cap { |
| 17 flex: 1 0 var(--downloads-side-column-basis); | 24 flex: 1 0 var(--downloads-side-column-basis); |
| 18 } | 25 } |
| 19 | 26 |
| 20 #date-container > * { | 27 #date-container > * { |
| 21 -webkit-margin-start: 24px; | 28 -webkit-margin-start: 24px; |
| 29 color: #616161; |
| 30 font-size: 107.69%; |
| 31 font-weight: bold; |
| 22 } | 32 } |
| 23 | 33 |
| 24 :host([hide-date]) #date-container { | 34 :host([hide-date]) #date-container { |
| 25 visibility: hidden; | 35 visibility: hidden; |
| 26 } | 36 } |
| 27 | 37 |
| 28 #content { | 38 #content { |
| 29 background: white; | 39 background: white; |
| 30 border-radius: 2px; /* TODO(dbeam): why does this differ from Polymer? */ | 40 border-radius: 2px; /* TODO(dbeam): why does this differ from Polymer? */ |
| 31 display: flex; | 41 display: flex; |
| (...skipping 97 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 129 } | 139 } |
| 130 | 140 |
| 131 #remove { | 141 #remove { |
| 132 --paper-icon-button: { | 142 --paper-icon-button: { |
| 133 height: 16px; | 143 height: 16px; |
| 134 width: 16px; | 144 width: 16px; |
| 135 }; | 145 }; |
| 136 --iron-icon-height: 16px; | 146 --iron-icon-height: 16px; |
| 137 --iron-icon-width: 16px; | 147 --iron-icon-width: 16px; |
| 138 } | 148 } |
| OLD | NEW |