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

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: address comments 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 3668 matching lines...) Expand 10 before | Expand all | Expand 10 after
3679 border: 2px solid var(--secondary-text-color); 3679 border: 2px solid var(--secondary-text-color);
3680 border-radius: 2px; 3680 border-radius: 2px;
3681 margin: 1px 10px; 3681 margin: 1px 10px;
3682 pointer-events: none; 3682 pointer-events: none;
3683 transform: scale(0.8); 3683 transform: scale(0.8);
3684 } 3684 }
3685 3685
3686 :host { 3686 :host {
3687 --checked-color: rgb(68, 136, 255); 3687 --checked-color: rgb(68, 136, 255);
3688 display: block; 3688 display: block;
3689 outline: none;
3689 } 3690 }
3690 3691
3691 :host(:not([embedded])) #main-container { 3692 :host(:not([embedded])) #main-container {
3692 position: relative; 3693 position: relative;
3693 } 3694 }
3694 3695
3695 :host(:not([embedded])) #sizing-container { 3696 :host(:not([embedded])) #sizing-container {
3696 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); 3697 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);
3697 } 3698 }
3698 3699
(...skipping 523 matching lines...) Expand 10 before | Expand all | Expand 10 after
4222 history-item { 4223 history-item {
4223 --history-item-padding-side: var(--card-padding-side); 4224 --history-item-padding-side: var(--card-padding-side);
4224 } 4225 }
4225 4226
4226 </style> 4227 </style>
4227 <div id="no-results" class="centered-message" hidden$="[[hasResults(historyD ata_.length)]]"> 4228 <div id="no-results" class="centered-message" hidden$="[[hasResults(historyD ata_.length)]]">
4228 {{noResultsMessage(searchedTerm, querying)}} 4229 {{noResultsMessage(searchedTerm, querying)}}
4229 </div> 4230 </div>
4230 <iron-list items="{{historyData_}}" as="item" id="infinite-list" hidden$="[[ !hasResults(historyData_.length)]]"> 4231 <iron-list items="{{historyData_}}" as="item" id="infinite-list" hidden$="[[ !hasResults(historyData_.length)]]">
4231 <template> 4232 <template>
4232 <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]]"> 4233 <history-item tabindex="-1" item="[[item]]" selected="{{item.selected}}" is-first-item="[[isFirstItem_(index)]]" is-card-start="[[isCardStart_(item, ind ex, historyData_.length)]]" is-card-end="[[isCardEnd_(item, index, historyData_. length)]]" has-time-gap="[[needsTimeGap_(item, index, historyData_.length)]]" se arch-term="[[searchedTerm]]" number-of-items="[[historyData_.length]]" path="[[p athForItem_(index)]]" index="[[index]]" tab-index="[[tabIndex]]" last-focused="{ {lastFocused_}}">
4233 </history-item> 4234 </history-item>
4234 </template> 4235 </template>
4235 </iron-list> 4236 </iron-list>
4236 <iron-scroll-threshold id="scroll-threshold" scroll-target="infinite-list" l ower-threshold="500" on-lower-threshold="loadMoreData_"> 4237 <iron-scroll-threshold id="scroll-threshold" scroll-target="infinite-list" l ower-threshold="500" on-lower-threshold="loadMoreData_">
4237 </iron-scroll-threshold> 4238 </iron-scroll-threshold>
4238 </template> 4239 </template>
4239 </dom-module> 4240 </dom-module>
4240 <dom-module id="history-list-container" assetpath="chrome://history/" css-build= "shadow"> 4241 <dom-module id="history-list-container" assetpath="chrome://history/" css-build= "shadow">
4241 <template> 4242 <template>
4242 <style scope="history-list-container">[hidden] { 4243 <style scope="history-list-container">[hidden] {
(...skipping 904 matching lines...) Expand 10 before | Expand all | Expand 10 after
5147 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer=""> 5148 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer="">
5148 </history-side-bar> 5149 </history-side-bar>
5149 </app-drawer> 5150 </app-drawer>
5150 </template> 5151 </template>
5151 5152
5152 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 5153 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
5153 </iron-media-query> 5154 </iron-media-query>
5154 </template> 5155 </template>
5155 </dom-module> 5156 </dom-module>
5156 <script src="app.crisper.js"></script></body></html> 5157 <script src="app.crisper.js"></script></body></html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698