Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(333)

Side by Side Diff: chrome/browser/resources/md_history/history_list.html

Issue 2378903004: MD History: Move the card sizing CSS to apply to the iron-list (Closed)
Patch Set: Created 4 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <link rel="import" href="chrome://resources/html/polymer.html"> 1 <link rel="import" href="chrome://resources/html/polymer.html">
2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-list/iron-list.htm l"> 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-list/iron-list.htm l">
3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-scroll-threshold/i ron-scroll-threshold.html"> 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-scroll-threshold/i ron-scroll-threshold.html">
4 <link rel="import" href="chrome://history/constants.html"> 4 <link rel="import" href="chrome://history/constants.html">
5 <link rel="import" href="chrome://history/history_item.html"> 5 <link rel="import" href="chrome://history/history_item.html">
6 <link rel="import" href="chrome://history/history_list_behavior.html"> 6 <link rel="import" href="chrome://history/history_list_behavior.html">
7 <link rel="import" href="chrome://history/shared_style.html"> 7 <link rel="import" href="chrome://history/shared_style.html">
8 8
9 <dom-module id="history-list"> 9 <dom-module id="history-list">
10 <template> 10 <template>
11 <style include="shared-style"> 11 <style include="shared-style">
12 :host { 12 :host {
13 box-sizing: border-box; 13 box-sizing: border-box;
14 display: block; 14 display: block;
15 overflow: auto; 15 overflow: auto;
16 padding-top: var(--first-card-padding-top); 16 padding-top: var(--first-card-padding-top);
17 } 17 }
18 18
19 iron-list {
20 @apply(--card-sizing);
21 }
22
19 history-item { 23 history-item {
20 --history-item-padding-side: var(--card-padding-side); 24 --history-item-padding-side: var(--card-padding-side);
21 } 25 }
calamity 2016/09/30 04:58:45 This can be removed.
tsergeant 2016/09/30 05:11:28 whoops, looks like this could have been removed a
22 </style> 26 </style>
23 <div id="no-results" class="centered-message" 27 <div id="no-results" class="centered-message"
24 hidden$="[[hasResults(historyData_.length)]]"> 28 hidden$="[[hasResults(historyData_.length)]]">
25 {{noResultsMessage(searchedTerm, querying)}} 29 {{noResultsMessage(searchedTerm, querying)}}
26 </div> 30 </div>
27 <iron-list items="{{historyData_}}" as="item" id="infinite-list" 31 <iron-list items="{{historyData_}}" as="item" id="infinite-list"
28 hidden$="[[!hasResults(historyData_.length)]]"> 32 hidden$="[[!hasResults(historyData_.length)]]">
29 <template> 33 <template>
30 <history-item tabindex$="[[tabIndex]]" 34 <history-item tabindex$="[[tabIndex]]"
31 item="[[item]]" 35 item="[[item]]"
32 selected="{{item.selected}}" 36 selected="{{item.selected}}"
33 is-card-start="[[isCardStart_(item, index, historyData_.length)]]" 37 is-card-start="[[isCardStart_(item, index, historyData_.length)]]"
34 is-card-end="[[isCardEnd_(item, index, historyData_.length)]]" 38 is-card-end="[[isCardEnd_(item, index, historyData_.length)]]"
35 has-time-gap="[[needsTimeGap_(item, index, historyData_.length)]]" 39 has-time-gap="[[needsTimeGap_(item, index, historyData_.length)]]"
36 search-term="[[searchedTerm]]" 40 search-term="[[searchedTerm]]"
37 number-of-items="[[historyData_.length]]" 41 number-of-items="[[historyData_.length]]"
38 path="[[pathForItem_(index)]]" 42 path="[[pathForItem_(index)]]"
39 index="[[index]]" 43 index="[[index]]"
40 iron-list-tab-index="[[tabIndex]]" 44 iron-list-tab-index="[[tabIndex]]"
41 last-focused="{{lastFocused_}}"> 45 last-focused="{{lastFocused_}}">
42 </history-item> 46 </history-item>
43 </template> 47 </template>
44 </iron-list> 48 </iron-list>
45 <iron-scroll-threshold id="scroll-threshold" scroll-target="infinite-list" 49 <iron-scroll-threshold id="scroll-threshold" scroll-target="infinite-list"
46 lower-threshold="500" on-lower-threshold="loadMoreData_"> 50 lower-threshold="500" on-lower-threshold="loadMoreData_">
47 </iron-scroll-threshold> 51 </iron-scroll-threshold>
48 </template> 52 </template>
49 <script src="chrome://history/history_list.js"></script> 53 <script src="chrome://history/history_list.js"></script>
50 </dom-module> 54 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698