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

Side by Side Diff: chrome/browser/resources/md_history/app.vulcanized.html

Issue 2333163002: MD History: Remove isFirstItem property from history-item (Closed)
Patch Set: Fix sizing Created 4 years, 3 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 <html><head><!-- 1 <html><head><!--
2 @license 2 @license
3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt 4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
7 Code distributed by Google as part of the polymer project is also 7 Code distributed by Google as part of the polymer project is also
8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
9 --><!-- 9 --><!--
10 @license 10 @license
(...skipping 3688 matching lines...) Expand 10 before | Expand all | Expand 10 after
3699 } 3699 }
3700 3700
3701 :host(:not([embedded])) #main-container { 3701 :host(:not([embedded])) #main-container {
3702 position: relative; 3702 position: relative;
3703 } 3703 }
3704 3704
3705 :host(:not([embedded])) #sizing-container { 3705 :host(:not([embedded])) #sizing-container {
3706 margin: var(--card-sizing_-_margin); max-width: var(--card-sizing_-_max-width) ; min-width: var(--card-sizing_-_min-width); padding: var(--card-sizing_-_paddin g); width: var(--card-sizing_-_width); 3706 margin: var(--card-sizing_-_margin); max-width: var(--card-sizing_-_max-width) ; min-width: var(--card-sizing_-_min-width); padding: var(--card-sizing_-_paddin g); width: var(--card-sizing_-_width);
3707 } 3707 }
3708 3708
3709 :host([is-first-item]) #main-container {
3710 margin-top: var(--first-card-padding-top);
3711 }
3712
3713 :host([is-card-end]) #main-container { 3709 :host([is-card-end]) #main-container {
3714 margin-bottom: var(--card-padding-between); 3710 margin-bottom: var(--card-padding-between);
3715 } 3711 }
3716 3712
3717 :host([is-card-start][is-card-end]) #main-container { 3713 :host([is-card-start][is-card-end]) #main-container {
3718 border-radius: 2px; 3714 border-radius: 2px;
3719 } 3715 }
3720 3716
3721 #date-accessed { 3717 #date-accessed {
3722 display: none; 3718 display: none;
(...skipping 503 matching lines...) Expand 10 before | Expand all | Expand 10 after
4226 4222
4227 button.more-vert-button div { 4223 button.more-vert-button div {
4228 border: 2px solid var(--secondary-text-color); 4224 border: 2px solid var(--secondary-text-color);
4229 border-radius: 2px; 4225 border-radius: 2px;
4230 margin: 1px 10px; 4226 margin: 1px 10px;
4231 pointer-events: none; 4227 pointer-events: none;
4232 transform: scale(0.8); 4228 transform: scale(0.8);
4233 } 4229 }
4234 4230
4235 :host { 4231 :host {
4236 display: block; 4232 box-sizing: border-box;
4233 display: block;
4237 overflow: auto; 4234 overflow: auto;
4235 padding-top: var(--first-card-padding-top);
4238 } 4236 }
4239 4237
4240 history-item { 4238 history-item {
4241 --history-item-padding-side: var(--card-padding-side); 4239 --history-item-padding-side: var(--card-padding-side);
4242 } 4240 }
4243 4241
4244 </style> 4242 </style>
4245 <div id="no-results" class="centered-message" hidden$="[[hasResults(historyD ata_.length)]]"> 4243 <div id="no-results" class="centered-message" hidden$="[[hasResults(historyD ata_.length)]]">
4246 {{noResultsMessage(searchedTerm, querying)}} 4244 {{noResultsMessage(searchedTerm, querying)}}
4247 </div> 4245 </div>
4248 <iron-list items="{{historyData_}}" as="item" id="infinite-list" hidden$="[[ !hasResults(historyData_.length)]]"> 4246 <iron-list items="{{historyData_}}" as="item" id="infinite-list" hidden$="[[ !hasResults(historyData_.length)]]">
4249 <template> 4247 <template>
4250 <history-item item="[[item]]" selected="{{item.selected}}" is-first-item ="[[isFirstItem_(index)]]" is-card-start="[[isCardStart_(item, index, historyDat a_.length)]]" is-card-end="[[isCardEnd_(item, index, historyData_.length)]]" has -time-gap="[[needsTimeGap_(item, index, historyData_.length)]]" search-term="[[s earchedTerm]]" number-of-items="[[historyData_.length]]" path="[[pathForItem_(in dex)]]" index="[[index]]"> 4248 <history-item item="[[item]]" selected="{{item.selected}}" is-card-start ="[[isCardStart_(item, index, historyData_.length)]]" is-card-end="[[isCardEnd_( item, index, historyData_.length)]]" has-time-gap="[[needsTimeGap_(item, index, historyData_.length)]]" search-term="[[searchedTerm]]" number-of-items="[[histor yData_.length]]" path="[[pathForItem_(index)]]" index="[[index]]">
4251 </history-item> 4249 </history-item>
4252 </template> 4250 </template>
4253 </iron-list> 4251 </iron-list>
4254 <iron-scroll-threshold id="scroll-threshold" scroll-target="infinite-list" l ower-threshold="500" on-lower-threshold="loadMoreData_"> 4252 <iron-scroll-threshold id="scroll-threshold" scroll-target="infinite-list" l ower-threshold="500" on-lower-threshold="loadMoreData_">
4255 </iron-scroll-threshold> 4253 </iron-scroll-threshold>
4256 </template> 4254 </template>
4257 </dom-module> 4255 </dom-module>
4258 <dom-module id="history-list-container" assetpath="chrome://history/" css-build= "shadow"> 4256 <dom-module id="history-list-container" assetpath="chrome://history/" css-build= "shadow">
4259 <template> 4257 <template>
4260 <style scope="history-list-container">[hidden] { 4258 <style scope="history-list-container">[hidden] {
(...skipping 938 matching lines...) Expand 10 before | Expand all | Expand 10 after
5199 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer=""> 5197 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer="">
5200 </history-side-bar> 5198 </history-side-bar>
5201 </app-drawer> 5199 </app-drawer>
5202 </template> 5200 </template>
5203 5201
5204 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 5202 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
5205 </iron-media-query> 5203 </iron-media-query>
5206 </template> 5204 </template>
5207 </dom-module> 5205 </dom-module>
5208 <script src="app.crisper.js"></script></body></html> 5206 <script src="app.crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_history/app.crisper.js ('k') | chrome/browser/resources/md_history/history_item.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698