Merge pull request #12706 from Piccirello/webui_search_small_screen

Hide additional Web UI search filters on small screens

src/webui/www/private/views/search.html

@@ -49,6 +49,25 @@
         float: right;
     }
 
+    #searchResultsGranularFilters {
+        display: none;
+    }
+
+    #searchResultsGranularFiltersWarning {
+        vertical-align: bottom;
+        margin-left: 10px;
+    }
+
+    @media (min-width: 1060px) {
+        #searchResultsGranularFilters {
+            display: inline-block;
+        }
+
+        #searchResultsGranularFiltersWarning {
+            display: none;
+        }
+    }
+
 </style>
 
 <div id="searchResults">
@@ -86,6 +105,9 @@
                 <option value="everywhere">QBT_TR(Everywhere)QBT_TR[CONTEXT=SearchEngineWidget]</option>
             </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>
                 <input type="number" min="0" max="1000" id="searchMinSeedsFilter" value="0" onchange="qBittorrent.Search.searchSeedsFilterChanged()">
                 <span>to</span>
@@ -115,6 +137,7 @@
                 </select>
             </div>
         </div>
+    </div>
 
     <div id="searchResultsTableContainer">
         <div id="searchResultsTableFixedHeaderDiv" class="dynamicTableFixedHeaderDiv">