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

Side by Side Diff: ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar_search_field.html

Issue 2237703004: [MD History] Focus the search bar on load. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: rebase 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/test/data/webui/md_history/md_history_browsertest.js ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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-input/iron-input.h tml"> 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-input/iron-input.h tml">
3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html"> 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html">
4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input -container.html"> 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input -container.html">
5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spi nner-lite.html"> 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spi nner-lite.html">
6 <link rel="import" href="chrome://resources/cr_elements/cr_search_field/cr_searc h_field_behavior.html"> 6 <link rel="import" href="chrome://resources/cr_elements/cr_search_field/cr_searc h_field_behavior.html">
7 <link rel="import" href="chrome://resources/cr_elements/icons.html"> 7 <link rel="import" href="chrome://resources/cr_elements/icons.html">
8 8
9 <dom-module id="cr-toolbar-search-field"> 9 <dom-module id="cr-toolbar-search-field">
10 <template> 10 <template>
(...skipping 72 matching lines...) Expand 10 before | Expand all | Expand 10 after
83 /** Wide layout. */ 83 /** Wide layout. */
84 :host(:not([narrow])) { 84 :host(:not([narrow])) {
85 -webkit-padding-end: 0; 85 -webkit-padding-end: 0;
86 background: rgba(0, 0, 0, 0.22); 86 background: rgba(0, 0, 0, 0.22);
87 border-radius: 2px; 87 border-radius: 2px;
88 cursor: text; 88 cursor: text;
89 width: var(--cr-toolbar-field-width); 89 width: var(--cr-toolbar-field-width);
90 } 90 }
91 91
92 :host(:not([narrow]):not([showing-search])) #icon, 92 :host(:not([narrow]):not([showing-search])) #icon,
93 :host(:not([narrow]):not([showing-search])) #prompt { 93 :host(:not([narrow])) #prompt {
94 opacity: 0.6; 94 opacity: 0.6;
95 } 95 }
96 96
97 :host([narrow]:not([showing-search])) paper-input-container { 97 :host([narrow]:not([showing-search])) paper-input-container {
98 display: none; 98 display: none;
99 } 99 }
100 100
101 /* Search open. */ 101 /* Search open. */
102 :host([showing-search][spinner-active]) #icon { 102 :host([showing-search][spinner-active]) #icon {
103 opacity: 0; 103 opacity: 0;
(...skipping 28 matching lines...) Expand all
132 <input is="iron-input" id="searchInput" type="search" 132 <input is="iron-input" id="searchInput" type="search"
133 on-blur="onInputBlur_" incremental></input> 133 on-blur="onInputBlur_" incremental></input>
134 </paper-input-container> 134 </paper-input-container>
135 <paper-icon-button icon="cr:cancel" id="clearSearch" 135 <paper-icon-button icon="cr:cancel" id="clearSearch"
136 title="[[clearLabel]]" hidden$="[[!hasSearchText_]]" 136 title="[[clearLabel]]" hidden$="[[!hasSearchText_]]"
137 on-tap="hideSearch_"> 137 on-tap="hideSearch_">
138 </paper-icon-button> 138 </paper-icon-button>
139 </template> 139 </template>
140 <script src="cr_toolbar_search_field.js"></script> 140 <script src="cr_toolbar_search_field.js"></script>
141 </dom-module> 141 </dom-module>
OLDNEW
« no previous file with comments | « chrome/test/data/webui/md_history/md_history_browsertest.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698