pi-hole/web
1
0
Fork 0
mirror of https://github.com/pi-hole/web.git synced 2024-12-06 19:36:21 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

queryads: Replace double DIV solution with single DIV and responsive CSS

Browse Source 
Signed-off-by: rdwebdesign <github@rdwebdesign.com.br>
This commit is contained in:
rdwebdesign
2021-10-29 02:02:23 -03:00
parent ee50954be7
commit 065d5873f0
3 changed files with 27 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
queryads.php
+9 -20
View File
@@ -15,27 +15,16 @@
<div class="col-md-12">
<div class="box">
<div class="box-body">
<!-- Domain Input <992px -->
<div class="visible-xs-block visible-sm-block">
<div class="input-group-block">
<input id="domain_1" type="url" class="form-control" placeholder="Domain to look for (example.com or sub.example.com)" autocomplete="off" spellcheck="false" autocapitalize="none" autocorrect="off" style="margin-bottom: 5px">
<input id="quiet" type="hidden" value="no">
<div class="text-center" style="display: block; width: 100%">
<button type="button" id="btnSearch_1" class="btn btn-default">Search partial match</button>
<button type="button" id="btnSearchExact_1" class="btn btn-default">Search exact match</button>
</div>
</div>
</div>
<!-- Domain Input >=992px -->
<div class="visible-md-block visible-lg-block">
<div class="input-group">
<input id="domain_2" type="url" class="form-control" placeholder="Domain to look for (example.com or sub.example.com)" autocomplete="off" spellcheck="false" autocapitalize="none" autocorrect="off">
<span class="input-group-btn">
<button type="button" id="btnSearch_2" class="btn btn-default">Search partial match</button>
<button type="button" id="btnSearchExact_2" class="btn btn-default">Search exact match</button>
</span>
</div>
<!-- domain-search-block - Single search field mobile/desktop -->
<div id="domain-search-block" class="input-group">
<input id="domain" type="url" class="form-control" placeholder="Domain to look for (example.com or sub.example.com)" autocomplete="off" spellcheck="false" autocapitalize="none" autocorrect="off">
<input id="quiet" type="hidden" value="no">
<span class="input-group-btn">
<button type="button" id="btnSearch" class="btn btn-default">Search partial match</button>
<button type="button" id="btnSearchExact" class="btn btn-default">Search exact match</button>
</span>
</div>
<!-- /domain-search-block -->
</div>
</div>
</div>
scripts/pi-hole/js/queryads.js
+1 -1
View File
@@ -88,7 +88,7 @@ function eventsource() {
}
// Handle enter key
$("#domain_1, #domain_2").keypress(function (e) {
$("#domain").keypress(function (e) {
if (e.which === 13) {
// Enter was pressed, and the input has focus
exact = "";
style/pi-hole.css
+17
View File
@@ -377,3 +377,20 @@ td.details-control {
.allowed-row td {
background-color: rgb(70, 149, 74, 0.1);
}
@media screen and (max-width: 991px) {
#domain-search-block {
display: block;
}
#domain {
margin: 5px 0;
}
#domain-search-block .input-group-btn {
margin: 5px 0;
text-align: center;
}
#domain-search-block .input-group-btn button {
margin: 0 2px;
border-radius: 3px;
}
}