vh/NetAlertX
1
0
Fork 0
mirror of https://github.com/jokob-sk/NetAlertX.git synced 2025-12-07 09:36:05 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

hover box css fixes, docs
Some checks are pending
Code checks / check-url-paths (push) Waiting to run
Details
docker / docker_dev (push) Waiting to run
Details
Deploy MkDocs / deploy (push) Waiting to run
Details

Browse Source
This commit is contained in:
jokob-sk
2025-07-15 23:21:28 +10:00
parent bb844ceac4
commit edfba9f1bc
4 changed files with 160 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
front/css/app.css
View File

@@ -1739,9 +1739,19 @@ input[readonly] {
float: left;
}
#hover-box .line
{
float: left;
width: 100%;
}
#hover-box span
{
float: right;
text-overflow: ellipsis;
overflow: hidden;
display: block;
max-width: 200px;
}
#networkTree .netCollapse

30
front/js/ui_components.js
View File

@@ -810,7 +810,7 @@ function initSelect2() {
{
setTimeout(() => {
initSelect2()
}, 700);
}, 1000);
}
}
@@ -861,14 +861,28 @@ function initHoverNodeInfo() {
const status =`<span class="badge ${badge.cssClass}">${badge.iconHtml} ${badge.status}</span>`
const html = `
<b> <div class="iconPreview">${atob(icon)}</div> </b><b class="devName"> ${name}</b><br>
<div>
<b> <div class="iconPreview">${atob(icon)}</div> </b><b class="devName"> ${name}</b><br>
</div>
<hr/>
<b>Status:</b> <span>${status}</span><br>
<b>IP:</b> <span>${ip}</span><br>
<b>MAC:</b> <span>${mac}</span><br>
<b>Vendor:</b> <span>${vendor}</span><br>
<b>Last seen:</b> <span>${lastseen}</span><br>
<b>Relationship:</b> <span class="${getRelationshipConf(relationship).cssClass}">${relationship}</span>
<div class="line">
<b>Status:</b> <span>${status}</span><br>
</div>
<div class="line">
<b>IP:</b> <span>${ip}</span><br>
</div>
<div class="line">
<b>MAC:</b> <span>${mac}</span><br>
</div>
<div class="line">
<b>Vendor:</b> <span>${vendor}</span><br>
</div>
<div class="line">
<b>Last seen:</b> <span>${lastseen}</span><br>
</div>
<div class="line">
<b>Relationship:</b> <span class="${getRelationshipConf(relationship).cssClass}">${relationship}</span>
</div>
`;
$('#hover-box').html(html).fadeIn(150);