| OLD | NEW |
| (Empty) | |
| 1 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html"> |
| 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f
lex-layout.html"> |
| 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.htm
l"> |
| 4 <link rel="import" href="chrome://history/history_item.html"> |
| 5 |
| 6 <link rel="import" href="chrome://history/shared_style.html"> |
| 7 <dom-module id="history-card"> |
| 8 <template> |
| 9 <style include="shared-style"></style> |
| 10 <style> |
| 11 :host { |
| 12 @apply(--layout-center); |
| 13 @apply(--layout-vertical); |
| 14 padding: 0 24px 20px 24px; |
| 15 } |
| 16 |
| 17 #time-gap-separator { |
| 18 -webkit-border-start: 1px solid #888; |
| 19 -webkit-margin-start: 77px; |
| 20 height: 15px; |
| 21 } |
| 22 |
| 23 #history-item-list { |
| 24 padding: 8px 0; |
| 25 } |
| 26 </style> |
| 27 |
| 28 <div class="history-item-container"> |
| 29 <div class="card-title">[[historyDate]]</div> |
| 30 <div id="history-item-list"> |
| 31 <template is="dom-repeat" items="{{historyItems}}" |
| 32 as="historyItem"> |
| 33 <history-item time-accessed_="[[historyItem.dateTimeOfDay]]" |
| 34 website-title_="[[historyItem.title]]" |
| 35 website-domain_="[[historyItem.domain]]" |
| 36 website-url_="[[historyItem.url]]" |
| 37 starred="[[historyItem.starred]]" |
| 38 selected="{{historyItem.selected}}" |
| 39 timestamp_="[[historyItem.time]]"> |
| 40 </history-item> |
| 41 <template is="dom-if" |
| 42 if="[[needsTimeGap_(index, historyItems.length)]]"> |
| 43 <div id="time-gap-separator"></div> |
| 44 </template> |
| 45 </template> |
| 46 </div> |
| 47 </div> |
| 48 </template> |
| 49 <script src="chrome://history/history_card.js"></script> |
| 50 </dom-module> |
| OLD | NEW |