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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2334553002: [MD History] Add keyboard navigation to the main history list. (Closed)
Patch Set: rebase 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
« no previous file with comments | « chrome/browser/resources/md_history/app.crisper.js ('k') | chrome/browser/resources/md_history/compiled_resources2.gyp » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 3683 matching lines...) Expand 10 before | Expand all | Expand 10 after
3694 border: 2px solid var(--secondary-text-color); 3694 border: 2px solid var(--secondary-text-color);
3695 border-radius: 2px; 3695 border-radius: 2px;
3696 margin: 1px 10px; 3696 margin: 1px 10px;
3697 pointer-events: none; 3697 pointer-events: none;
3698 transform: scale(0.8); 3698 transform: scale(0.8);
3699 } 3699 }
3700 3700
3701 :host { 3701 :host {
3702 --checked-color: rgb(68, 136, 255); 3702 --checked-color: rgb(68, 136, 255);
3703 display: block; 3703 display: block;
3704 outline: none;
3704 } 3705 }
3705 3706
3706 :host(:not([embedded])) #main-container { 3707 :host(:not([embedded])) #main-container {
3707 position: relative; 3708 position: relative;
3708 } 3709 }
3709 3710
3710 :host(:not([embedded])) #sizing-container { 3711 :host(:not([embedded])) #sizing-container {
3711 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); 3712 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);
3712 } 3713 }
3713 3714
(...skipping 529 matching lines...) Expand 10 before | Expand all | Expand 10 after
4243 history-item { 4244 history-item {
4244 --history-item-padding-side: var(--card-padding-side); 4245 --history-item-padding-side: var(--card-padding-side);
4245 } 4246 }
4246 4247
4247 </style> 4248 </style>
4248 <div id="no-results" class="centered-message" hidden$="[[hasResults(historyD ata_.length)]]"> 4249 <div id="no-results" class="centered-message" hidden$="[[hasResults(historyD ata_.length)]]">
4249 {{noResultsMessage(searchedTerm, querying)}} 4250 {{noResultsMessage(searchedTerm, querying)}}
4250 </div> 4251 </div>
4251 <iron-list items="{{historyData_}}" as="item" id="infinite-list" hidden$="[[ !hasResults(historyData_.length)]]"> 4252 <iron-list items="{{historyData_}}" as="item" id="infinite-list" hidden$="[[ !hasResults(historyData_.length)]]">
4252 <template> 4253 <template>
4253 <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]]"> 4254 <history-item tabindex$="[[tabIndex]]" item="[[item]]" selected="{{item. selected}}" is-card-start="[[isCardStart_(item, index, historyData_.length)]]" i s-card-end="[[isCardEnd_(item, index, historyData_.length)]]" has-time-gap="[[ne edsTimeGap_(item, index, historyData_.length)]]" search-term="[[searchedTerm]]" number-of-items="[[historyData_.length]]" path="[[pathForItem_(index)]]" index=" [[index]]" iron-list-tab-index="[[tabIndex]]" last-focused="{{lastFocused_}}">
4254 </history-item> 4255 </history-item>
4255 </template> 4256 </template>
4256 </iron-list> 4257 </iron-list>
4257 <iron-scroll-threshold id="scroll-threshold" scroll-target="infinite-list" l ower-threshold="500" on-lower-threshold="loadMoreData_"> 4258 <iron-scroll-threshold id="scroll-threshold" scroll-target="infinite-list" l ower-threshold="500" on-lower-threshold="loadMoreData_">
4258 </iron-scroll-threshold> 4259 </iron-scroll-threshold>
4259 </template> 4260 </template>
4260 </dom-module> 4261 </dom-module>
4261 <dom-module id="history-list-container" assetpath="chrome://history/" css-build= "shadow"> 4262 <dom-module id="history-list-container" assetpath="chrome://history/" css-build= "shadow">
4262 <template> 4263 <template>
4263 <style scope="history-list-container">[hidden] { 4264 <style scope="history-list-container">[hidden] {
(...skipping 938 matching lines...) Expand 10 before | Expand all | Expand 10 after
5202 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer=""> 5203 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer="">
5203 </history-side-bar> 5204 </history-side-bar>
5204 </app-drawer> 5205 </app-drawer>
5205 </template> 5206 </template>
5206 5207
5207 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 5208 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
5208 </iron-media-query> 5209 </iron-media-query>
5209 </template> 5210 </template>
5210 </dom-module> 5211 </dom-module>
5211 <script src="app.crisper.js"></script></body></html> 5212 <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/compiled_resources2.gyp » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698