github/qBittorrent
1
0
Fork 0
mirror of https://github.com/qbittorrent/qBittorrent synced 2025-08-20 21:33:27 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Hide additional Web UI search filters on small screens

Browse source 
Closes #11386.
This commit is contained in:
Thomas Piccirello 2020-04-30 01:20:09 -07:00
commit d5b8399a01
1 changed files with 49 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/webui/www/private/views/search.html
View file

@ -49,6 +49,25 @@
float: right; float: right;
} }
#searchResultsGranularFilters {
display: none;
}
#searchResultsGranularFiltersWarning {
vertical-align: bottom;
margin-left: 10px;
}
@media (min-width: 1060px) {
#searchResultsGranularFilters {
display: inline-block;
}
#searchResultsGranularFiltersWarning {
display: none;
}
}
</style> </style>
<div id="searchResults"> <div id="searchResults">
@ -86,6 +105,9 @@
<option value="everywhere">QBT_TR(Everywhere)QBT_TR[CONTEXT=SearchEngineWidget]</option> <option value="everywhere">QBT_TR(Everywhere)QBT_TR[CONTEXT=SearchEngineWidget]</option>
</select> </select>
<img id="searchResultsGranularFiltersWarning" src="images/qbt-theme/dialog-warning.svg" title="QBT_TR(Increase window width to display additional filters)QBT_TR[CONTEXT=SearchEngineWidget]" alt="QBT_TR(Warning)QBT_TR[CONTEXT=SearchEngineWidget]" width="24" height="24">
<div id="searchResultsGranularFilters">
<span style="margin-left: 15px;">QBT_TR(Seeds:)QBT_TR[CONTEXT=SearchEngineWidget]</span> <span style="margin-left: 15px;">QBT_TR(Seeds:)QBT_TR[CONTEXT=SearchEngineWidget]</span>
<input type="number" min="0" max="1000" id="searchMinSeedsFilter" value="0" onchange="qBittorrent.Search.searchSeedsFilterChanged()"> <input type="number" min="0" max="1000" id="searchMinSeedsFilter" value="0" onchange="qBittorrent.Search.searchSeedsFilterChanged()">
<span>to</span> <span>to</span>
@ -115,6 +137,7 @@
</select> </select>
</div> </div>
</div> </div>
</div>
<div id="searchResultsTableContainer"> <div id="searchResultsTableContainer">
<div id="searchResultsTableFixedHeaderDiv" class="dynamicTableFixedHeaderDiv"> <div id="searchResultsTableFixedHeaderDiv" class="dynamicTableFixedHeaderDiv">