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

Side by Side Diff: chrome/browser/resources/settings/settings_page/settings_subpage_search.html

Issue 2717983002: MD Settings: remove button-ness of magnifying glass in subpage search (Closed)
Patch Set: nit Created 3 years, 9 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 | « no previous file | 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/cr_elements/cr_search_field/cr_searc h_field_behavior.html"> 1 <link rel="import" href="chrome://resources/cr_elements/cr_search_field/cr_searc h_field_behavior.html">
2 <link rel="import" href="chrome://resources/cr_elements/icons.html"> 2 <link rel="import" href="chrome://resources/cr_elements/icons.html">
3 <link rel="import" href="chrome://resources/html/polymer.html"> 3 <link rel="import" href="chrome://resources/html/polymer.html">
4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm l">
4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html"> 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html">
5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input -container.html"> 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input -container.html">
6 7
7 <dom-module id="settings-subpage-search"> 8 <dom-module id="settings-subpage-search">
8 <template> 9 <template>
9 <style> 10 <style>
10 :host { 11 :host {
11 --subpage-search-underline: { 12 --subpage-search-underline: {
12 margin-bottom: -2px; 13 margin-bottom: -2px;
13 margin-top: -2px; 14 margin-top: -2px;
(...skipping 12 matching lines...) Expand all
26 } 27 }
27 } 28 }
28 29
29 paper-icon-button { 30 paper-icon-button {
30 /* A 16px icon that fits on the input line. */ 31 /* A 16px icon that fits on the input line. */
31 height: 24px; 32 height: 24px;
32 padding: 4px; 33 padding: 4px;
33 width: 24px; 34 width: 24px;
34 } 35 }
35 36
37 #searchIcon {
38 height: 16px;
39 padding: 4px;
40 width: 16px;
41 }
42
36 paper-input-container { 43 paper-input-container {
37 display: inline-block; 44 display: inline-block;
38 width: 160px; /* Special width for search input. */ 45 width: 160px; /* Special width for search input. */
39 } 46 }
40 47
41 input[type='search']::-webkit-search-cancel-button { 48 input[type='search']::-webkit-search-cancel-button {
42 -webkit-appearance: none; 49 -webkit-appearance: none;
43 } 50 }
44 51
45 #prompt, 52 #prompt,
(...skipping 11 matching lines...) Expand all
57 64
58 #searchInput { 65 #searchInput {
59 color: var(--paper-grey-800); 66 color: var(--paper-grey-800);
60 } 67 }
61 68
62 #clearSearch { 69 #clearSearch {
63 -webkit-margin-end: -4px; 70 -webkit-margin-end: -4px;
64 -webkit-margin-start: 4px; 71 -webkit-margin-start: 4px;
65 } 72 }
66 </style> 73 </style>
67 <paper-icon-button id="searchIcon" icon="cr:search"></paper-icon-button> 74 <iron-icon id="searchIcon" icon="cr:search"></iron-icon>
68 <paper-input-container no-label-float> 75 <paper-input-container no-label-float>
69 <label id="prompt">[[label]]</label> 76 <label id="prompt">[[label]]</label>
70 <input id="searchInput" type="search" on-search="onSearchTermSearch" 77 <input id="searchInput" type="search" on-search="onSearchTermSearch"
71 on-input="onSearchTermInput" aria-labelledby="prompt" incremental> 78 on-input="onSearchTermInput" aria-labelledby="prompt" incremental>
72 </input> 79 </input>
73 <paper-icon-button suffix icon="cr:cancel" id="clearSearch" 80 <paper-icon-button suffix icon="cr:cancel" id="clearSearch"
74 on-tap="onTapClear_" title="[[clearLabel]]" 81 on-tap="onTapClear_" title="[[clearLabel]]"
75 hidden$="[[!hasSearchText]]"> 82 hidden$="[[!hasSearchText]]">
76 </paper-icon-button> 83 </paper-icon-button>
77 </paper-input-container> 84 </paper-input-container>
78 </template> 85 </template>
79 <script src="settings_subpage_search.js"></script> 86 <script src="settings_subpage_search.js"></script>
80 </dom-module> 87 </dom-module>
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698