diff --git a/queries.php b/queries.php
index c123fb5b..e73daf4e 100644
--- a/queries.php
+++ b/queries.php
@@ -155,8 +155,11 @@ if(strlen($showing) > 0)
-
-
+
+
+ - Use Ctrl or ⌘ + to add columns to the current filter
+ - Use Shift + to remove columns to the current filter
+
diff --git a/scripts/pi-hole/js/queries.js b/scripts/pi-hole/js/queries.js
index bfdea4e8..e48eeee3 100644
--- a/scripts/pi-hole/js/queries.js
+++ b/scripts/pi-hole/js/queries.js
@@ -8,7 +8,6 @@
/* global moment:false */
var tableApi;
-var colHighlightColor = "#ffefad";
var tableFilters = [];
var replyTypes = [
@@ -494,13 +493,13 @@ function applyColumnFiltering() {
regex = "^" + value + "$";
// Add background color
- tableApi.$("td:eq(" + index + ")").css("background-color", colHighlightColor);
+ tableApi.$("td:eq(" + index + ")").addClass("filter-highlight");
// Remember to show reset button
showReset = true;
} else {
// Clear background color
- tableApi.$("td:eq(" + index + ")").css("background-color", "#fff");
+ tableApi.$("td:eq(" + index + ")").removeClass("filter-highlight");
}
// Apply filtering on this column (regex may be empty -> no filtering)
diff --git a/style/pi-hole.css b/style/pi-hole.css
index 08ee7abb..67de6bcd 100644
--- a/style/pi-hole.css
+++ b/style/pi-hole.css
@@ -265,4 +265,8 @@ code.breakall
.bootstrap-select.bs-container.align-right {
left: unset !important;
right: 10px;
-}
\ No newline at end of file
+}
+
+.filter-highlight {
+ background-color: #ffcc0050;
+}