jellyfin-web/dashboard-ui/search.html
Luke Pulverenti 6d832b2699 update search
2016-07-12 13:17:15 -04:00

55 lines
1.8 KiB
HTML

<div id="searchPage" data-role="page" class="page libraryPage allLibraryPage noSecondaryNavPage" data-title="${ButtonSearch}" data-backbutton="true" style="padding-top:0!important;">
<style>
@media all and (max-width: 800px) {
.txtSearch {
text-indent: 7.5%;
padding-bottom: 1em;
}
}
@media all and (max-width: 650px) {
.txtSearch {
text-indent: 10%;
}
}
@media all and (max-width: 500px) {
.txtSearch {
text-indent: 12.5%;
}
}
.searchPageSearchButton {
display: none;
}
</style>
<button is="paper-icon-button-light" style="position: absolute; top: .6em; left: 0; z-index: 1;" tabindex="-1" class="btnBack autoSize searchBackButton">
<i class="md-icon">&#xE5C4;</i>
</button>
<button is="paper-icon-button-light" style="position: absolute; top: .6em; left: 0; z-index: 1;" tabindex="-1" class="btnBack autoSize searchPageSearchButton">
<i class="md-icon">search</i>
</button>
<div data-role="content" style="padding-top:0!important;padding-left:0!important;padding-right:0!important;">
<div class="readOnlyContent" style="text-align: center;margin: 0 auto;">
<div class="inputContainer searchInputContainer" style="margin-bottom:1em;">
<input is="emby-input" class="txtSearch" autocomplete="off" placeholder="${ButtonSearch}" autofocus />
</div>
<div class="textSuggestions hide">
<h1>${TabSuggestions}</h1>
<div class="searchSuggestions">
</div>
</div>
</div>
<div class="searchResults hide itemsContainer"></div>
</div>
</div>