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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2237703004: [MD History] Focus the search bar on load. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: fix drawer test Created 4 years, 4 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/history.js » ('j') | chrome/browser/resources/md_history/history.js » ('J')
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 2315 matching lines...) Expand 10 before | Expand all | Expand 10 after
2326 /** Wide layout. */ 2326 /** Wide layout. */
2327 :host(:not([narrow])) { 2327 :host(:not([narrow])) {
2328 -webkit-padding-end: 0; 2328 -webkit-padding-end: 0;
2329 background: rgba(0, 0, 0, 0.22); 2329 background: rgba(0, 0, 0, 0.22);
2330 border-radius: 2px; 2330 border-radius: 2px;
2331 cursor: text; 2331 cursor: text;
2332 width: var(--cr-toolbar-field-width); 2332 width: var(--cr-toolbar-field-width);
2333 } 2333 }
2334 2334
2335 :host(:not([narrow]):not([showing-search])) #icon, 2335 :host(:not([narrow]):not([showing-search])) #icon,
2336 :host(:not([narrow]):not([showing-search])) #prompt { 2336 :host(:not([narrow])) #prompt {
2337 opacity: 0.6; 2337 opacity: 0.6;
2338 } 2338 }
2339 2339
2340 :host([narrow]:not([showing-search])) paper-input-container { 2340 :host([narrow]:not([showing-search])) paper-input-container {
2341 display: none; 2341 display: none;
2342 } 2342 }
2343 2343
2344 /* Search open. */ 2344 /* Search open. */
2345 :host([showing-search][spinner-active]) #icon { 2345 :host([showing-search][spinner-active]) #icon {
2346 opacity: 0; 2346 opacity: 0;
(...skipping 14 matching lines...) Expand all
2361 2361
2362 :host-context([dir=rtl]):host([narrow][showing-search]) #icon { 2362 :host-context([dir=rtl]):host([narrow][showing-search]) #icon {
2363 margin-right: 18px; 2363 margin-right: 18px;
2364 } 2364 }
2365 </style> 2365 </style>
2366 <paper-spinner-lite active="[[isSpinnerShown_(spinnerActive, showingSearch)] ]"> 2366 <paper-spinner-lite active="[[isSpinnerShown_(spinnerActive, showingSearch)] ]">
2367 </paper-spinner-lite> 2367 </paper-spinner-lite>
2368 <paper-icon-button id="icon" icon="cr:search" title="[[label]]" tabindex$="[ [computeIconTabIndex_(narrow)]]"> 2368 <paper-icon-button id="icon" icon="cr:search" title="[[label]]" tabindex$="[ [computeIconTabIndex_(narrow)]]">
2369 </paper-icon-button> 2369 </paper-icon-button>
2370 <paper-input-container id="searchTerm" on-search="onSearchTermSearch" on-key down="onSearchTermKeydown" no-label-float=""> 2370 <paper-input-container id="searchTerm" on-search="onSearchTermSearch" on-key down="onSearchTermKeydown" no-label-float="">
2371 <label id="prompt" for="searchInput">[[label]]</label> 2371 <label id="prompt" for="searchInput">
2372 [[label]]
2373 </label>
2372 <input is="iron-input" id="searchInput" type="search" on-blur="onInputBlur _" incremental=""> 2374 <input is="iron-input" id="searchInput" type="search" on-blur="onInputBlur _" incremental="">
2373 </paper-input-container> 2375 </paper-input-container>
2374 <paper-icon-button icon="cr:cancel" id="clearSearch" title="[[clearLabel]]" hidden$="[[!hasSearchText_]]" on-tap="hideSearch_"> 2376 <paper-icon-button icon="cr:cancel" id="clearSearch" title="[[clearLabel]]" hidden$="[[!hasSearchText_]]" on-tap="hideSearch_">
2375 </paper-icon-button> 2377 </paper-icon-button>
2376 </template> 2378 </template>
2377 </dom-module> 2379 </dom-module>
2378 <dom-module id="cr-toolbar" assetpath="chrome://resources/cr_elements/cr_toolbar /"> 2380 <dom-module id="cr-toolbar" assetpath="chrome://resources/cr_elements/cr_toolbar /">
2379 <template> 2381 <template>
2380 <style> 2382 <style>
2381 :host { 2383 :host {
(...skipping 1575 matching lines...) Expand 10 before | Expand all | Expand 10 after
3957 color: rgb(66, 66, 66); 3959 color: rgb(66, 66, 66);
3958 font-size: 123%; 3960 font-size: 123%;
3959 font-weight: 400; 3961 font-weight: 400;
3960 } 3962 }
3961 </style> 3963 </style>
3962 <app-location route="{{route_}}"></app-location> 3964 <app-location route="{{route_}}"></app-location>
3963 <app-route route="{{route_}}" pattern="/:page" data="{{routeData_}}" query-p arams="{{queryParams_}}"> 3965 <app-route route="{{route_}}" pattern="/:page" data="{{routeData_}}" query-p arams="{{queryParams_}}">
3964 </app-route> 3966 </app-route>
3965 <history-toolbar id="toolbar" spinner-active="[[shouldShowSpinner_(queryStat e_.querying, 3967 <history-toolbar id="toolbar" spinner-active="[[shouldShowSpinner_(queryStat e_.querying,
3966 queryState_.incremental, 3968 queryState_.incremental,
3967 queryState_.searchTerm)]]" is-group ed-mode="{{grouped_}}" grouped-range="{{queryState_.range}}" search-term="{{quer yState_.searchTerm}}" query-start-time="[[queryResult_.info.queryStartTime]]" qu ery-end-time="[[queryResult_.info.queryEndTime]]" has-drawer="[[hasDrawer_]]"> 3969 queryState_.searchTerm)]]" is-group ed-mode="{{grouped_}}" grouped-range="{{queryState_.range}}" search-term="{{quer yState_.searchTerm}}" query-start-time="[[queryResult_.info.queryStartTime]]" qu ery-end-time="[[queryResult_.info.queryEndTime]]" has-drawer="[[hasDrawer]]">
3968 </history-toolbar> 3970 </history-toolbar>
3969 3971
3970 <div id="main-container"> 3972 <div id="main-container">
3971 <history-side-bar id="content-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" hidden$="[[hasDrawer_]]"> 3973 <history-side-bar id="content-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" hidden$="[[hasDrawer]]">
3972 </history-side-bar> 3974 </history-side-bar>
3973 <iron-pages id="content" attr-for-selected="path" fallback-selection="hist ory" selected="[[getSelectedPage_(selectedPage_, items)]]" items="{{items}}"> 3975 <iron-pages id="content" attr-for-selected="path" fallback-selection="hist ory" selected="[[getSelectedPage_(selectedPage_, items)]]" items="{{items}}">
3974 <history-list-container id="history" query-state="{{queryState_}}" query -result="[[queryResult_]]" grouped="[[grouped_]]" path="history"> 3976 <history-list-container id="history" query-state="{{queryState_}}" query -result="[[queryResult_]]" grouped="[[grouped_]]" path="history">
3975 </history-list-container> 3977 </history-list-container>
3976 <template is="dom-if" if="[[syncedTabsSelected_(selectedPage_)]]"> 3978 <template is="dom-if" if="[[syncedTabsSelected_(selectedPage_)]]">
3977 <history-synced-device-manager id="synced-devices" session-list="[[que ryResult_.sessionList]]" search-term="[[queryState_.searchTerm]]" path="syncedTa bs"> 3979 <history-synced-device-manager id="synced-devices" session-list="[[que ryResult_.sessionList]]" search-term="[[queryState_.searchTerm]]" path="syncedTa bs">
3978 </history-synced-device-manager> 3980 </history-synced-device-manager>
3979 </template> 3981 </template>
3980 </iron-pages> 3982 </iron-pages>
3981 </div> 3983 </div>
3982 3984
3983 <template is="dom-if" if="[[hasDrawer_]]"> 3985 <template is="dom-if" if="[[hasDrawer]]">
3984 <app-drawer id="drawer" swipe-open="" align="start" tabindex="0"> 3986 <app-drawer id="drawer" swipe-open="" align="start" tabindex="0">
3985 <div id="drawer-header"> 3987 <div id="drawer-header">
3986 <h1>$i18n{title}</h1> 3988 <h1>$i18n{title}</h1>
3987 </div> 3989 </div>
3988 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer=""> 3990 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer="">
3989 </history-side-bar> 3991 </history-side-bar>
3990 </app-drawer> 3992 </app-drawer>
3991 </template> 3993 </template>
3992 3994
3993 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 3995 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer}}">
3994 </iron-media-query> 3996 </iron-media-query>
3995 </template> 3997 </template>
3996 </dom-module> 3998 </dom-module>
3997 <script src="app.crisper.js"></script></body></html> 3999 <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.js » ('j') | chrome/browser/resources/md_history/history.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698