| OLD | NEW |
| 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/paper-icon-button/paper
-icon-button.html"> | 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-input/paper-input
-container.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
.html"> | |
| 7 | 6 |
| 8 <dom-module id="settings-subpage-search"> | 7 <dom-module id="settings-subpage-search"> |
| 9 <template> | 8 <template> |
| 10 <style> | 9 <style> |
| 11 :host { | 10 :host { |
| 12 --subpage-search-underline: { | 11 --subpage-search-underline: { |
| 13 margin-bottom: -2px; | 12 margin-bottom: -2px; |
| 14 margin-top: -2px; | 13 margin-top: -2px; |
| 15 } | 14 } |
| 16 } | 15 } |
| (...skipping 28 matching lines...) Expand all Loading... |
| 45 | 44 |
| 46 #prompt, | 45 #prompt, |
| 47 #searchInput { | 46 #searchInput { |
| 48 font-size: 92.3076923%; /* To 12px from 13px. */ | 47 font-size: 92.3076923%; /* To 12px from 13px. */ |
| 49 } | 48 } |
| 50 | 49 |
| 51 #prompt { | 50 #prompt { |
| 52 color: var(--paper-grey-600); | 51 color: var(--paper-grey-600); |
| 53 } | 52 } |
| 54 | 53 |
| 54 :host([has-search-text]) #prompt { |
| 55 visibility: hidden; |
| 56 } |
| 57 |
| 55 #searchInput { | 58 #searchInput { |
| 56 color: var(--paper-grey-800); | 59 color: var(--paper-grey-800); |
| 57 } | 60 } |
| 58 | 61 |
| 59 #clearSearch { | 62 #clearSearch { |
| 60 -webkit-margin-end: -4px; | 63 -webkit-margin-end: -4px; |
| 61 -webkit-margin-start: 4px; | 64 -webkit-margin-start: 4px; |
| 62 } | 65 } |
| 63 </style> | 66 </style> |
| 64 <paper-icon-button id="searchIcon" icon="cr:search"></paper-icon-button> | 67 <paper-icon-button id="searchIcon" icon="cr:search"></paper-icon-button> |
| 65 <paper-input-container no-label-float on-search="onSearchTermSearch"> | 68 <paper-input-container no-label-float> |
| 66 <label id="prompt">[[label]]</label> | 69 <label id="prompt">[[label]]</label> |
| 67 <input is="iron-input" id="searchInput" type="search" | 70 <input id="searchInput" type="search" on-search="onSearchTermSearch" |
| 68 aria-labelledby="prompt" incremental> | 71 on-input="onSearchTermInput" aria-labelledby="prompt" incremental> |
| 69 </input> | 72 </input> |
| 70 <paper-icon-button suffix icon="cr:cancel" id="clearSearch" | 73 <paper-icon-button suffix icon="cr:cancel" id="clearSearch" |
| 71 on-tap="onTapClear_" title="[[clearLabel]]" hidden$="[[!lastValue_]]"> | 74 on-tap="onTapClear_" title="[[clearLabel]]" |
| 75 hidden$="[[!hasSearchText]]"> |
| 72 </paper-icon-button> | 76 </paper-icon-button> |
| 73 </paper-input-container> | 77 </paper-input-container> |
| 74 </template> | 78 </template> |
| 75 <script src="settings_subpage_search.js"></script> | 79 <script src="settings_subpage_search.js"></script> |
| 76 </dom-module> | 80 </dom-module> |
| OLD | NEW |