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

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

Issue 2586803002: MD Settings: Fix label visibility in subpage search fields (Closed)
Patch Set: Rebase Created 3 years, 11 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 <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
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698