Pi-Hole/web
1
0
Fork 0
mirror of https://github.com/pi-hole/web.git synced 2025-12-20 18:58:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Removing the triangle icon

Browse Source 
The message count was moved to the "hamburger" menu icon.
Using more discreet color for the circle.

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
This commit is contained in:
RD WebDesign
2022-04-06 18:49:22 -03:00
parent f90ae05bd0
commit 2324bf5078
3 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
scripts/pi-hole/js/utils.js
View File

@@ -366,18 +366,18 @@ function checkMessages() {
: false; : false;
$.getJSON("api_db.php?status" + (ignoreNonfatal ? "&ignore=DNSMASQ_WARN" : ""), function (data) { $.getJSON("api_db.php?status" + (ignoreNonfatal ? "&ignore=DNSMASQ_WARN" : ""), function (data) {
if ("message_count" in data && data.message_count > 0) { if ("message_count" in data && data.message_count > 0) {
var more = '\nAccess "Tools/Pi-hole diganosis" for further details.';
var title = var title =
data.message_count > 1 data.message_count > 1
? "There are " + data.message_count + " warnings. Click for further details." ? "There are " + data.message_count + " warnings." + more
: "There is one warning. Click for further details."; : "There is one warning." + more;
$("#pihole-diagnosis").prop("title", title); $("#top-warning-count").prop("title", title);
$("#pihole-diagnosis-count").text(data.message_count); $("#top-warning-count").removeClass("hidden");
$("#pihole-diagnosis").removeClass("hidden");
$(".warning-count").text(data.message_count); $(".warning-count").text(data.message_count);
$(".warning-count").removeClass("hidden"); $(".warning-count").removeClass("hidden");
} else { } else {
$("#pihole-diagnosis").addClass("hidden"); $("#top-warning-count").addClass("hidden");
$(".warning-count").addClass("hidden"); $(".warning-count").addClass("hidden");
} }
}); });

7
scripts/pi-hole/php/header.php
View File

@@ -265,15 +265,10 @@ if($auth) {
<a href="#" class="sidebar-toggle-svg" data-toggle="push-menu" role="button"> <a href="#" class="sidebar-toggle-svg" data-toggle="push-menu" role="button">
<i aria-hidden="true" class="fa fa-bars"></i> <i aria-hidden="true" class="fa fa-bars"></i>
<span class="sr-only">Toggle navigation</span> <span class="sr-only">Toggle navigation</span>
<span class="warning-count hidden" id="top-warning-count"></span>
</a> </a>
<div class="navbar-custom-menu"> <div class="navbar-custom-menu">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<li id="pihole-diagnosis" class="hidden">
<a href="messages.php">
<i class="fa fa-exclamation-triangle fa-2x icon-bounce"></i>
<span class="label label-warning" id="pihole-diagnosis-count"></span>
</a>
</li>
<li<?php echo !$hostname ? ' class="hidden"' : "" ?>> <li<?php echo !$hostname ? ' class="hidden"' : "" ?>>
<p class="navbar-text"> <p class="navbar-text">
<span class="hidden-xs hidden-sm">hostname:</span> <span class="hidden-xs hidden-sm">hostname:</span>

11
style/pi-hole.css
View File

@@ -403,6 +403,7 @@ td.lookatme {
} }
.sidebar-toggle-svg { .sidebar-toggle-svg {
position: relative;
color: #fff; color: #fff;
float: left; float: left;
background: none; background: none;
@@ -547,7 +548,7 @@ td.details-control {
} }
/* hide warning icon only when logged in and menu is not collapsed */ /* hide warning icon only when logged in and menu is not collapsed */
.logged-in:not(.sidebar-collapse) #pihole-diagnosis, .logged-in:not(.sidebar-collapse) #top-warning-count,
.menu-open > a > span.warning-count { .menu-open > a > span.warning-count {
display: none; display: none;
} }
@@ -567,6 +568,14 @@ td.details-control {
right: 3em; right: 3em;
top: 50%; top: 50%;
font-size: 12px; font-size: 12px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
#top-warning-count {
top: 50%;
left: 50%;
right: unset;
margin: 0;
} }
.treeview-menu .warning-count { .treeview-menu .warning-count {