Add floating label and placeholder to content filter

This makes it match the conflict filter dropdown's style, and provides
more meaningful information to the user.
This commit is contained in:
Oliver Hamlet
2016-06-08 06:42:23 +01:00
parent 9069343888
commit b7a9619c6f
2 changed files with 3 additions and 2 deletions
+1 -1
View File
@@ -200,7 +200,7 @@
<paper-checkbox id="hideAllPluginMessages">Hide all plugin messages</paper-checkbox>
<paper-checkbox id="hideInactivePlugins">Hide inactive plugins</paper-checkbox>
<paper-checkbox id="hideMessagelessPlugins">Hide messageless plugins</paper-checkbox>
<paper-input id="contentFilter" label="Filter content" no-label-float></paper-input>
<paper-input id="contentFilter" label="Show only plugins with cards that contain" always-float-label placeholder="No text specified"></paper-input>
<paper-tooltip for="contentFilter" position="bottom">Press Enter or click outside the input to set the filter.</paper-tooltip>
<loot-dropdown-menu id="conflictsFilter" label="Show only conflicting plugins for" vertical-align="bottom" value="">
<div class="paper-item" value="">No plugin selected</div>
+2 -1
View File
@@ -190,7 +190,8 @@
document.getElementById('sidebarTabs').firstElementChild.textContent = l10n.translate('Plugins');
document.getElementById('sidebarTabs').firstElementChild.nextElementSibling.textContent = l10n.translate('Filters');
document.getElementById('filters').querySelector('paper-tooltip[for=contentFilter]').textContent = l10n.translate('Press Enter or click outside the input to set the filter.');
document.getElementById('contentFilter').label = l10n.translate('Filter content');
document.getElementById('contentFilter').label = l10n.translate('Show only plugins with cards that contain');
document.getElementById('contentFilter').placeholder = l10n.translate('No text specified');
/* Filters */
document.getElementById('hideVersionNumbers').textContent = l10n.translate('Hide version numbers');