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

Remove the small-box glow effect on text updates to avoid visual issues (#3032)

Browse Source
This commit is contained in:
RD WebDesign
2024-05-23 16:43:42 -03:00
committed by GitHub
parent 0b11a0d4f8 a1df7bd9fe
commit 59b1dcfc6b
2 changed files with 5 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scripts/pi-hole/js/index.js
+5 -19
View File
@@ -394,33 +394,19 @@ function updateTopLists() {
utils.setTimer(updateTopLists, REFRESH_INTERVAL.top_lists);
}
function glowIfChanged(elem, textData) {
if (elem.text() !== textData) {
elem.addClass("glow");
elem.text(textData);
}
}
function updateSummaryData(runOnce = false) {
$.getJSON("/api/stats/summary", function (data) {
var intl = new Intl.NumberFormat();
glowIfChanged($("span#dns_queries"), intl.format(parseInt(data.queries.total, 10)));
glowIfChanged($("span#active_clients"), intl.format(parseInt(data.clients.active, 10)));
$("span#dns_queries").text(intl.format(parseInt(data.queries.total, 10)));
$("span#active_clients").text(intl.format(parseInt(data.clients.active, 10)));
$("a#total_clients").attr(
"title",
intl.format(parseInt(data.clients.total, 10)) + " total clients"
);
glowIfChanged($("span#blocked_queries"), intl.format(parseFloat(data.queries.blocked)));
$("span#blocked_queries").text(intl.format(parseFloat(data.queries.blocked)));
var formattedPercentage = utils.toPercent(data.queries.percent_blocked, 1);
glowIfChanged($("span#percent_blocked"), formattedPercentage);
glowIfChanged(
$("span#gravity_size"),
intl.format(parseInt(data.gravity.domains_being_blocked, 10))
);
setTimeout(function () {
$("span.glow").removeClass("glow");
}, 500);
$("span#percent_blocked").text(formattedPercentage);
$("span#gravity_size").text(intl.format(parseInt(data.gravity.domains_being_blocked, 10)));
})
.done(function () {
if (!runOnce) utils.setTimer(updateSummaryData, REFRESH_INTERVAL.summary);
style/pi-hole.css
-4
View File
@@ -462,10 +462,6 @@ tfoot.add-new-item > tr > th {
transition-duration: 0s;
}
.small-box span.glow {
text-shadow: 0 0 5px currentColor;
}
.small-box p {
margin: 0 0 5px;
}